/* Stiluri pentru Caruselul de Produse Similare */

.produse-similare-wrapper {
    margin-top: 35px; /* Spațiu deasupra secțiunii */
    margin-bottom: 35px; /* Spațiu sub secțiune */
    padding: 20px 5px; /* Padding interior, am adăugat puțin lateral */
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    clear: both; 
}

.produse-similare-wrapper h2 {
    text-align: center;
    font-size: 2em; /* Titlu secțiune mai mare */
    margin-bottom: 30px; /* Spațiu mai mare sub titlul secțiunii */
    color: #333;
}

/* Containerul principal Swiper */
#similar-products-carousel.swiper {
    overflow: hidden; 
    padding: 10px 5px; 
}

/* Stil pentru fiecare slide/card individual */
#similar-products-carousel .swiper-slide {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px; /* Colțuri mai rotunjite */
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* Umbră puțin mai fină */
    padding: 20px; /* Padding intern */
    box-sizing: border-box; 
    
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; ALINIAZĂ primul element sus, ultimul jos, restul distribuit */
    /* Sau poți folosi flex-start și controlezi spațiul cu marginile elementelor interne */
    justify-content: flex-start; 
    align-items: center; 
    text-align: center;

    height: 330px; /* --- ÎNĂLȚIME MAI MARE PENTRU CARDURI --- Ajustează la 300px, 320px, 340px etc. după nevoie */
}

/* Containerul imaginii din card */
#similar-products-carousel .swiper-slide .slide-image-container {
    width: 100%;
    height: 140px; /* Puțin mai mult spațiu pentru imagine */
    margin-bottom: 15px; /* Spațiu mai mare sub imagine */
    overflow: hidden;    
    display: flex;      
    align-items: center;
    justify-content: center;
}

/* Imaginea din card */
#similar-products-carousel .swiper-slide .slide-image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; 
    display: block;
    margin: auto;
    border-radius: 6px;
    transition: transform 0.3s ease;
}

/* Placeholder pentru imagine */
#similar-products-carousel .swiper-slide .slide-image-placeholder {
    background-color: #f0f0f0; 
    border-radius: 6px;
    display: flex; 
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
#similar-products-carousel .swiper-slide .slide-image-placeholder span {
    color: #888;
    font-size: 0.85em;
}

/* Titlul produsului din card */
#similar-products-carousel .swiper-slide h3.slide-title {
    font-size: 0.9em; /* Font titlu */
    line-height: 1.35; 
    color: #2c3e50; /* O nuanță de gri mai închis pentru titlu */
    font-weight: 600; 
    margin-top: 0; /* Spațiul e dat de margin-bottom al imaginii */
    margin-bottom: 12px; /* Spațiu sub titlu, înainte de preț */
    width: 100%; 
    min-height: 2.7em; /* Asigură spațiu pentru ~2 rânduri, ajustează dacă e nevoie */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* NOU: Stil pentru afișarea prețului */
#similar-products-carousel .swiper-slide .slide-price-display {
    font-size: 0.85em; 
    font-weight: bold;
    color: #333;
    margin-bottom: 12px; /* Spațiu sub preț, înainte de buton */
    display: flex;
    flex-direction: column; 
    align-items: center;
    line-height: 1.3;
}
#similar-products-carousel .swiper-slide .slide-price-display .current-price {
    font-size: 1.2em; /* Prețul curent puțin mai mare în contextul său */
    color: #e74c3c; /* O culoare mai accentuată pentru preț */
}
#similar-products-carousel .swiper-slide .slide-price-display .merchant-text {
    font-size: 0.8em; /* Relativ la font-size din .slide-price-display */
    color: #7f8c8d; /* Gri mai deschis pentru textul "at Merchant" */
    font-weight: normal;
    margin-top: 2px;
}
#similar-products-carousel .swiper-slide .slide-price-display .old-price-save-amount {
    font-size: 0.8em; /* Relativ la font-size din .slide-price-display */
    margin-top: 4px;
    display: flex; /* Pentru a alinia prețul vechi și economia */
    gap: 5px; /* Spațiu între prețul vechi și economie */
    align-items: center;
}
#similar-products-carousel .swiper-slide .slide-price-display .old-price {
    color: #95a5a6; /* Gri pentru prețul tăiat */
    text-decoration: line-through;
}
#similar-products-carousel .swiper-slide .slide-price-display .save-amount {
    color: #2ecc71; /* Verde pentru "Save" */
    font-weight: 500;
}

/* Stil pentru containerul butonului "Vezi Preț" */
#similar-products-carousel .swiper-slide .button-container {
    text-align: center;
    margin-top: 0; /* Spațiul este controlat de margin-bottom al elementului de deasupra (prețul) */
    margin-bottom: 15px; /* Spațiu sub buton, înainte de "Citește review" */
    width: 100%; 
}

/* Stil pentru butonul "Vezi Preț" - MAI MIC */
#similar-products-carousel .swiper-slide .button-verifica-pret-solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px; /* --- PADDING MAI MIC --- */
    font-family: 'Rubik', sans-serif; 
    font-size: 0.8em;  /* --- FONT MAI MIC --- (sau 13px, 14px) */
    font-weight: 0;
    color: #ffffff !important; 
    background: linear-gradient(135deg, #0056d2 0%, #3a84ff 100%);
    text-decoration: none !important;
    border: none;
    border-radius: 6px; /* Rotunjire ușor redusă */
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Umbră mai subtilă */
}

#similar-products-carousel .swiper-slide .button-verifica-pret-solid:hover,
#similar-products-carousel .swiper-slide .button-verifica-pret-solid:focus {
    transform: translateY(-1px);
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    color: #ffffff !important; 
    text-decoration: none !important;
}

/* Stil pentru iconița din buton (dacă o vei adăuga) */
#similar-products-carousel .swiper-slide .button-verifica-pret-solid .fas.fa-shopping-cart { 
    margin-right: 5px; /* Spațiu ajustat */
    font-size: 0.9em; /* Relativ la font-size-ul butonului */
}

/* Stil pentru containerul link-ului "Citește review" */
#similar-products-carousel .swiper-slide .slide-review-link-container {
    margin-top: auto; /* Împinge acest element la baza cardului */
    margin-bottom: 0; /* Fără margine jos */
    padding-top: 5px; /* Puțin spațiu deasupra, ca să nu fie lipit de buton dacă nu e preț */
}

/* Stil pentru link-ul "Citește review" */
#similar-products-carousel .swiper-slide .slide-read-review-link {
    font-size: 0.75em !important; 
    color: #555555 !important;    
    text-decoration: underline !important; 
    font-weight: normal !important; 
}

#similar-products-carousel .swiper-slide .slide-read-review-link:hover {
    color: #0073aa !important; /* Am adăugat !important și aici pentru consistență */
    text-decoration: none !important; 
}


/* Stil pentru paginația Swiper (punctele) - rămâne la fel ca în versiunea ta */
#similar-products-carousel .swiper-pagination {
    margin-top: 25px; 
    position: relative; 
    bottom: auto; 
}

#similar-products-carousel .swiper-pagination .swiper-pagination-bullet {
    background-color: #b0b0b0; 
    opacity: 0.8;
    width: 10px; 
    height: 10px; 
    margin: 0 5px !important; 
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

#similar-products-carousel .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0073aa; 
    opacity: 1;
}

/* Elimină underline de pe TOATE link-urile - dacă vrei global */
/* Dacă vrei ca doar în carusel să nu fie underline, comentează aceste reguli globale
   și asigură-te că `.slide-read-review-link` și `.button-verifica-pret-solid` au `text-decoration: none`.
   Notă: Linkul "Citește review" are `text-decoration: underline !important;` mai sus. */
a {
    text-decoration: none !important;
    border-bottom: none !important; 
}

a:hover {
    text-decoration: underline !important;
}