/*
===============================================================================
POLAR SPA - CORRECTIONS PATAGONIA THEME
===============================================================================
Version: 2.1
Description: Corrections adaptées au thème Patagonia existant
À ajouter APRÈS le fichier patagonia-theme.css
===============================================================================
*/

/* ============================================================================
   1. TOP BAR - FIX STICKY (ne disparaît plus au scroll)
   ========================================================================= */
.top-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1100 !important;
    background: linear-gradient(135deg, var(--patagonia-fjord) 0%, var(--patagonia-teal) 100%) !important;
    transition: all 0.3s ease !important;
}

/* S'assurer que le header suit la top-bar */
.wrap-menu-desktop,
.wrap-header-mobile {
    position: sticky !important;
    top: 40px !important; /* Hauteur approximative de la top-bar */
    z-index: 1000 !important;
}

/* ============================================================================
   2. LOGO - BEAUCOUP PLUS GROS et dans un cercle
   ========================================================================= */
.logo img,
.logo-mobile img {
    max-height: 120px !important;
    max-width: 120px !important;
    width: 120px !important;
    height: 120px !important;
    padding: 12px !important;
    background-color: var(--patagonia-snow) !important;
    border-radius: 50% !important;
    border: 4px solid var(--patagonia-glacier) !important;
    box-shadow: 0 6px 20px rgba(44, 95, 124, 0.25) !important;
    object-fit: contain !important;
    transition: all 0.3s ease !important;
}

    .logo img:hover,
    .logo-mobile img:hover {
        transform: scale(1.08) !important;
        border-color: var(--patagonia-fjord) !important;
        box-shadow: 0 8px 25px rgba(44, 95, 124, 0.35) !important;
    }

.logo,
.logo-mobile {
    padding: 20px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ajuster le header pour le logo circulaire plus grand */
.wrap-menu-desktop {
    min-height: 160px !important;
}

/* S'assurer que le header reste TOUJOURS visible */
.container-menu-desktop {
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    background: white !important;
}

/* La nav reste visible au scroll */
.limiter-menu-desktop {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Mobile */
@media (max-width: 767px) {
    .logo-mobile img {
        max-height: 80px !important;
        max-width: 80px !important;
        width: 80px !important;
        height: 80px !important;
        padding: 10px !important;
    }

    .wrap-header-mobile {
        top: 35px !important;
        position: sticky !important;
        z-index: 1040 !important;
        background: white !important;
    }
    
    /* Garder le header mobile visible */
    .wrap-header-mobile .logo-mobile {
        padding: 10px 0 !important;
    }
}

/* ============================================================================
   3. MENU BURGER - Couleurs Patagonia (pas de violet)
   ========================================================================= */
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    background-color: var(--patagonia-fjord) !important;
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after {
    background-color: var(--patagonia-glacier) !important;
}

.btn-show-menu-mobile {
    border-color: var(--patagonia-fjord) !important;
}

    .btn-show-menu-mobile:hover {
        background-color: var(--patagonia-ice) !important;
    }

/* ============================================================================
   4. EXPLORA POR CATEGORÍA - Blocs même hauteur
   ========================================================================= */
.sec-cat,
.category-section,
[class*="categoria"],
.categorias-section {
    padding: 60px 20px !important;
    background: var(--patagonia-ice) !important;
}

    /* Titre de section */
    .sec-cat h2,
    .category-section h2,
    [class*="categoria"] h2,
    .tit-cat {
        text-align: center !important;
        color: var(--patagonia-fjord) !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 2rem !important;
        font-weight: 700 !important;
        margin-bottom: 40px !important;
    }

    /* Grille des catégories */
    .row.isotope-grid,
    .category-grid,
    .categorias-grid,
    [class*="categoria"] .row {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
        gap: 30px !important;
        align-items: stretch !important;
    }

    /* Cartes de catégorie - même hauteur */
    .block1,
    .category-card,
    .cat-item,
    [class*="categoria"] .col-sm-6,
    [class*="categoria"] .col-md-4 {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 300px !important;
    }

        .block1-txt,
        .category-card .card-body {
            flex: 1 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-end !important;
            padding: 25px !important;
            background: linear-gradient(to top, rgba(44, 95, 124, 0.9), transparent) !important;
        }

        .block1:hover {
            transform: translateY(-8px) !important;
            box-shadow: 0 12px 30px rgba(44, 95, 124, 0.25) !important;
        }

/* ============================================================================
   5. BOUTONS "AGREGAR AL CARRO" - Alignés en bas
   ========================================================================= */

/* Structure des cartes produit */
.block2,
.product-card,
.producto-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid var(--patagonia-frost) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: var(--patagonia-snow) !important;
    transition: all 0.3s ease !important;
}

    .block2:hover,
    .product-card:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 12px 30px rgba(44, 95, 124, 0.2) !important;
        border-color: var(--patagonia-glacier) !important;
    }

    /* Corps de la carte */
    .block2-txt,
    .product-card .card-body,
    .producto-item .card-body {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 20px !important;
    }

    /* Bouton en bas */
    .block2-btn,
    .btn-addcart,
    .btn-agregar,
    .add-to-cart,
    [class*="agregar"],
    .block2 .flex-c-m {
        margin-top: auto !important;
        width: 100% !important;
        padding: 14px 20px !important;
        background: linear-gradient(135deg, var(--patagonia-glacier) 0%, var(--patagonia-fjord) 100%) !important;
        color: var(--patagonia-snow) !important;
        border: none !important;
        border-radius: 8px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }

        .block2-btn:hover,
        .btn-addcart:hover,
        .btn-agregar:hover,
        .add-to-cart:hover {
            background: linear-gradient(135deg, var(--patagonia-fjord) 0%, var(--patagonia-teal) 100%) !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 12px rgba(91, 155, 213, 0.3) !important;
        }

        /* Icône panier */
        .block2-btn::before,
        .btn-agregar::before {
            content: "🛒" !important;
            font-size: 14px !important;
        }

/* ============================================================================
   6. PAGE PRODUCTOS QUÍMICOS - Vignettes bien séparées
   ========================================================================= */
.product-grid,
.productos-grid,
.isotope-grid,
[class*="productos"] .row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 35px !important;
    padding: 40px 20px !important;
}

/* Cartes produits avec plus de padding */
.block2,
.product-item,
[class*="productos"] .block2 {
    padding: 0 !important;
    margin: 0 !important;
}

/* Image du produit */
.block2-pic,
.product-image {
    width: 100% !important;
    height: 220px !important;
    overflow: hidden !important;
    background: var(--patagonia-frost) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 25px !important;
}

    .block2-pic img,
    .product-image img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transition: transform 0.3s ease !important;
    }

.block2:hover .block2-pic img,
.product-card:hover .product-image img {
    transform: scale(1.08) !important;
}

/* Contenu produit */
.block2-txt {
    padding: 25px !important;
}

    /* Titre produit */
    .block2-txt h4,
    .product-title {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        color: var(--patagonia-fjord) !important;
        margin-bottom: 10px !important;
        line-height: 1.4 !important;
    }

    /* Prix */
    .block2-txt .stext-105,
    .product-price {
        font-size: 1.3rem !important;
        font-weight: 700 !important;
        color: var(--patagonia-glacier) !important;
        margin-bottom: 15px !important;
    }

/* ============================================================================
   7. SUPPRESSION DES COULEURS VIOLET/MAUVE
   ========================================================================= */

/* Remplacer toute couleur violette par les couleurs Patagonia */
*[style*="purple"],
*[style*="violet"],
*[style*="#8e44ad"],
*[style*="#9b59b6"],
*[style*="#663399"] {
    color: var(--patagonia-glacier) !important;
}

.text-purple,
.bg-purple,
.btn-purple,
[class*="purple"],
[class*="violet"] {
    color: var(--patagonia-glacier) !important;
}

.bg-purple,
.btn-purple {
    background-color: var(--patagonia-glacier) !important;
    border-color: var(--patagonia-glacier) !important;
}

/* ============================================================================
   8. ANIMATIONS ET TRANSITIONS
   ========================================================================= */

/* Animation d'entrée pour les cartes */
.block1,
.block2,
.category-card,
.product-card {
    animation: fadeInUp 0.5s ease-out !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================================================
   9. RESPONSIVE
   ========================================================================= */
@media (max-width: 991px) {
    .product-grid,
    .productos-grid,
    .isotope-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important;
    }
}

@media (max-width: 767px) {
    .top-bar {
        padding: 8px 15px !important;
        font-size: 12px !important;
    }

    .product-grid,
    .productos-grid,
    .isotope-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 20px 15px !important;
    }

    .block2-pic,
    .product-image {
        height: 180px !important;
        padding: 20px !important;
    }

    .block2-txt {
        padding: 20px !important;
    }

    .sec-cat h2,
    .category-section h2 {
        font-size: 1.6rem !important;
    }
}

@media (max-width: 480px) {
    .top-bar .flex-w {
        flex-direction: column !important;
        gap: 5px !important;
    }
}

/*
===============================================================================
POLAR SPA - CORRECTIONS PATAGONIA V3
===============================================================================
- Top bar même bleu que le footer
- Vignettes produits modernes avec reviews
- Filtres modernisés
===============================================================================
*/

/* ============================================================================
   1. TOP BAR - MÊME BLEU QUE LE FOOTER
   ========================================================================= */
.top-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1100 !important;
    background-color: var(--patagonia-fjord) !important;
    background: var(--patagonia-fjord) !important;
    border-bottom: none !important;
    padding: 10px 0 !important;
}

    /* Texte et liens en blanc */
    .top-bar,
    .top-bar *,
    .top-bar a,
    .top-bar span,
    .top-bar p,
    .top-bar .left-top-bar,
    .top-bar .right-top-bar,
    .top-bar .left-top-bar *,
    .top-bar .right-top-bar * {
        color: #FFFFFF !important;
    }

        /* Icônes en blanc */
        .top-bar i,
        .top-bar .fa,
        .top-bar [class*="icon"],
        .top-bar svg {
            color: #FFFFFF !important;
            fill: #FFFFFF !important;
        }

        /* Hover sur les liens */
        .top-bar a:hover,
        .top-bar button:hover {
            color: var(--patagonia-ice) !important;
            opacity: 0.85 !important;
        }

/* ============================================================================
   2. HEADER STICKY APRÈS TOP BAR
   ========================================================================= */
.wrap-menu-desktop,
.wrap-header-mobile {
    position: sticky !important;
    top: 40px !important;
    z-index: 1000 !important;
    background: var(--patagonia-snow) !important;
    box-shadow: 0 2px 10px rgba(44, 95, 124, 0.1) !important;
}

/* ============================================================================
   3. LOGO CIRCULAIRE
   ========================================================================= */
.logo img,
.logo-mobile img {
    max-height: 90px !important;
    max-width: 90px !important;
    width: 90px !important;
    height: 90px !important;
    padding: 10px !important;
    background-color: var(--patagonia-snow) !important;
    border-radius: 50% !important;
    border: 3px solid var(--patagonia-glacier) !important;
    box-shadow: 0 4px 12px rgba(44, 95, 124, 0.2) !important;
    object-fit: contain !important;
    transition: all 0.3s ease !important;
}

    .logo img:hover,
    .logo-mobile img:hover {
        transform: scale(1.05) !important;
        border-color: var(--patagonia-fjord) !important;
    }

/* ============================================================================
   4. FILTRES MODERNES
   ========================================================================= */
.filter-section,
.wrap-filter,
.filter-row,
[class*="filter"] {
    background: var(--patagonia-snow) !important;
    border-radius: 16px !important;
    padding: 25px 30px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 15px rgba(44, 95, 124, 0.08) !important;
    border: 1px solid var(--patagonia-frost) !important;
}

    /* Titre des filtres */
    .filter-col-1 h4,
    .filter-title,
    [class*="filter"] h4,
    [class*="filter"] h5 {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        color: var(--patagonia-fjord) !important;
        margin-bottom: 15px !important;
        padding-bottom: 10px !important;
        border-bottom: 2px solid var(--patagonia-glacier) !important;
    }

    /* Select/Dropdown des filtres */
    .filter-section select,
    .wrap-filter select,
    [class*="filter"] select {
        width: 100% !important;
        padding: 12px 40px 12px 16px !important;
        border: 2px solid var(--patagonia-frost) !important;
        border-radius: 10px !important;
        background: var(--patagonia-ice) !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 0.95rem !important;
        color: var(--patagonia-fjord) !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        appearance: none !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%232C5F7C' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
        background-position: right 12px center !important;
        background-repeat: no-repeat !important;
        background-size: 16px !important;
    }

        .filter-section select:focus,
        [class*="filter"] select:focus {
            border-color: var(--patagonia-glacier) !important;
            background-color: var(--patagonia-snow) !important;
            box-shadow: 0 0 0 4px rgba(91, 155, 213, 0.15) !important;
            outline: none !important;
        }

    /* Boutons de filtre */
    .filter-section .btn,
    [class*="filter"] .btn,
    .btn-filter {
        padding: 12px 24px !important;
        background: linear-gradient(135deg, var(--patagonia-glacier) 0%, var(--patagonia-fjord) 100%) !important;
        color: var(--patagonia-snow) !important;
        border: none !important;
        border-radius: 10px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        font-size: 0.9rem !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }

        .filter-section .btn:hover,
        [class*="filter"] .btn:hover,
        .btn-filter:hover {
            background: linear-gradient(135deg, var(--patagonia-fjord) 0%, var(--patagonia-teal) 100%) !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 4px 12px rgba(91, 155, 213, 0.3) !important;
        }

    /* Checkbox/Radio des filtres */
    .filter-section input[type="checkbox"],
    .filter-section input[type="radio"],
    [class*="filter"] input[type="checkbox"],
    [class*="filter"] input[type="radio"] {
        width: 18px !important;
        height: 18px !important;
        accent-color: var(--patagonia-glacier) !important;
        cursor: pointer !important;
    }

    /* Labels des filtres */
    .filter-section label,
    [class*="filter"] label {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 0.9rem !important;
        color: var(--patagonia-slate) !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 8px 0 !important;
        transition: color 0.3s ease !important;
    }

        .filter-section label:hover,
        [class*="filter"] label:hover {
            color: var(--patagonia-glacier) !important;
        }

/* ============================================================================
   5. VIGNETTES PRODUITS MODERNES
   ========================================================================= */

/* Grille des produits */
.isotope-grid,
.product-grid,
.productos-grid,
.row.isotope-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 30px !important;
    padding: 20px 0 !important;
}

    /* Conteneur de chaque produit */
    .isotope-grid > .col-sm-6,
    .isotope-grid > .col-md-4,
    .isotope-grid > .col-lg-3,
    .isotope-grid > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        flex: none !important;
    }

/* Carte produit moderne */
.block2 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: var(--patagonia-snow) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(44, 95, 124, 0.1) !important;
    border: 1px solid var(--patagonia-frost) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
}

    .block2:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 16px 40px rgba(44, 95, 124, 0.2) !important;
        border-color: var(--patagonia-glacier) !important;
    }

/* Zone image */
.block2-pic {
    position: relative !important;
    width: 100% !important;
    height: 240px !important;
    background: linear-gradient(135deg, var(--patagonia-ice) 0%, var(--patagonia-frost) 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 25px !important;
    overflow: hidden !important;
}

    .block2-pic img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        transition: transform 0.4s ease !important;
    }

.block2:hover .block2-pic img {
    transform: scale(1.1) !important;
}

/* Placeholder pour images manquantes */
.block2-pic:empty::before,
.block2-pic img[src=""]::before,
.block2-pic img:not([src])::before {
    content: "📦" !important;
    font-size: 60px !important;
    opacity: 0.3 !important;
}

/* Labels (Sale, New, etc.) */
.block2-pic .block2-txt-child1,
.block2-label {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background: var(--patagonia-coral) !important;
    color: var(--patagonia-snow) !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    z-index: 2 !important;
}

/* Boutons hover sur image */
.block2-pic .block2-btn-addwishlist,
.block2-pic .block2-btn-addcart {
    position: absolute !important;
    bottom: 15px !important;
    background: var(--patagonia-snow) !important;
    color: var(--patagonia-fjord) !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    border: none !important;
}

.block2-pic .block2-btn-addwishlist {
    right: 70px !important;
}

.block2-pic .block2-btn-addcart {
    right: 15px !important;
}

.block2:hover .block2-pic .block2-btn-addwishlist,
.block2:hover .block2-pic .block2-btn-addcart {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.block2-pic .block2-btn-addwishlist:hover,
.block2-pic .block2-btn-addcart:hover {
    background: var(--patagonia-glacier) !important;
    color: var(--patagonia-snow) !important;
}

/* Zone texte produit */
.block2-txt {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 25px 25px !important;
    text-align: left !important;
}

    /* Nom du produit */
    .block2-txt .block2-txt-child1 a,
    .block2-txt h4,
    .block2-txt .js-name-b2 {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1rem !important;
        font-weight: 600 !important;
        color: var(--patagonia-fjord) !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
        margin-bottom: 8px !important;
        display: block !important;
        transition: color 0.3s ease !important;
    }

        .block2-txt .block2-txt-child1 a:hover,
        .block2-txt h4:hover {
            color: var(--patagonia-glacier) !important;
        }

    /* ============================================================================
   6. REVIEWS / ÉTOILES - BIEN VISIBLES
   ========================================================================= */
    .block2-txt .stext-108,
    .block2-txt .cl1,
    .product-rating,
    .review-stars,
    .rating-stars,
    .stext-108,
    .rating {
        display: flex !important;
        align-items: center !important;
        gap: 3px !important;
        margin-bottom: 12px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

        /* Étoiles - DORÉES ET BIEN VISIBLES */
        .block2-txt .stext-108 .fa-star,
        .block2-txt .stext-108 .fa-star-half-o,
        .block2-txt .stext-108 .zmdi-star,
        .product-rating i,
        .review-stars i,
        .rating-stars i,
        .stext-108 .fa-star,
        .stext-108 .zmdi-star,
        .rating .fa-star,
        .rating .zmdi-star,
        i.fa-star,
        i.zmdi-star,
        .fa-star {
            color: #FFB800 !important;
            font-size: 16px !important;
            text-shadow: 0 1px 2px rgba(255, 184, 0, 0.3) !important;
        }

        /* Étoiles vides - grises mais visibles */
        .block2-txt .stext-108 .fa-star-o,
        .block2-txt .stext-108 .zmdi-star-outline,
        .stext-108 .fa-star-o,
        .rating .fa-star-o,
        i.fa-star-o,
        .fa-star-o {
            color: #CCCCCC !important;
            font-size: 16px !important;
        }
        
        /* Demi-étoiles */
        .fa-star-half-o,
        .zmdi-star-half {
            color: #FFB800 !important;
            font-size: 16px !important;
        }

        /* Nombre de reviews */
        .block2-txt .review-count,
        .block2-txt .stext-108 span,
        .stext-108 span,
        .rating span {
            font-family: 'Open Sans', sans-serif !important;
            font-size: 0.85rem !important;
            color: var(--patagonia-slate) !important;
            margin-left: 8px !important;
        }

    /* Forcer l'affichage des reviews sur les vignettes */
    .block2-txt > .stext-108,
    .block2-txt > .flex-w.flex-sb-m,
    .block2 .rating,
    .block2 .stext-108 {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Override pour Bootstrap Star Rating plugin */
    .rating-container .rating-stars .star {
        color: #FFB800 !important;
    }
    
    .rating-container .empty-stars {
        color: #CCCCCC !important;
    }
    
    .rating-container .filled-stars {
        color: #FFB800 !important;
    }

    /* ============================================================================
   7. PRIX
   ========================================================================= */
    .block2-txt .stext-105,
    .block2-txt .block2-txt-child2 span,
    .product-price {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        color: var(--patagonia-glacier) !important;
        margin-bottom: 15px !important;
    }

        /* Prix barré (ancien prix) */
        .block2-txt .stext-105 del,
        .product-price-old {
            font-size: 0.95rem !important;
            color: var(--patagonia-slate) !important;
            text-decoration: line-through !important;
            margin-right: 10px !important;
            font-weight: 400 !important;
        }

    /* ============================================================================
   8. BOUTON AGREGAR AL CARRO
   ========================================================================= */
    .block2-txt .block2-btn,
    .block2-txt .js-addcart-b2,
    .block2-txt .btn-addcart,
    .btn-agregar {
        margin-top: auto !important;
        width: 100% !important;
        padding: 14px 20px !important;
        background: linear-gradient(135deg, var(--patagonia-glacier) 0%, var(--patagonia-fjord) 100%) !important;
        color: var(--patagonia-snow) !important;
        border: none !important;
        border-radius: 10px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        font-size: 0.9rem !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-decoration: none !important;
    }

        .block2-txt .block2-btn:hover,
        .block2-txt .js-addcart-b2:hover,
        .btn-agregar:hover {
            background: linear-gradient(135deg, var(--patagonia-fjord) 0%, var(--patagonia-teal) 100%) !important;
            transform: translateY(-2px) !important;
            box-shadow: 0 6px 16px rgba(91, 155, 213, 0.35) !important;
        }

        .block2-txt .block2-btn::before,
        .btn-agregar::before {
            content: "🛒" !important;
            font-size: 14px !important;
        }

/* ============================================================================
   9. RESPONSIVE
   ========================================================================= */
@media (max-width: 991px) {
    .isotope-grid,
    .product-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    .block2-pic {
        height: 200px !important;
    }
}

@media (max-width: 767px) {
    .top-bar {
        padding: 8px 15px !important;
    }

    .wrap-menu-desktop,
    .wrap-header-mobile {
        top: 36px !important;
    }

    .isotope-grid,
    .product-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .block2-pic {
        height: 220px !important;
    }

    .filter-section,
    [class*="filter"] {
        padding: 20px !important;
    }
}

/* ============================================================================
   10. IMAGES PLACEHOLDER POUR PRODUITS SANS IMAGE
   ========================================================================= */
.block2-pic img[src=""],
.block2-pic img:not([src]),
.block2-pic img[src*="placeholder"],
.block2-pic img[src*="noimage"],
.block2-pic:not(:has(img)) {
    background: linear-gradient(135deg, var(--patagonia-ice) 0%, #dce8ef 100%) !important;
}

/* Ajouter une icône pour les images manquantes via CSS */
.block2-pic {
    position: relative !important;
}

    .block2-pic::after {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 80px !important;
        height: 80px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235B9BD5' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E") !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        opacity: 0.2 !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

    .block2-pic:has(img[src]:not([src=""])) ::after {
        display: none !important;
    }

    .block2-pic img {
        position: relative !important;
        z-index: 1 !important;
    }

/* ============================================================================
   FIN DES CORRECTIONS V3
   ========================================================================= */

/* ============================================================================
   FIN DES CORRECTIONS PATAGONIA
   ========================================================================= */

/* ============================================================================
   CORRECTIONS ADDITIONNELLES V4 - Polar Spa
   ========================================================================= */

/* HEADER - Ne jamais être blanc */
.top-bar {
    background: linear-gradient(135deg, #1a3d4f 0%, #0d1f29 100%) !important;
    border-bottom: 3px solid #2C5F7C !important;
}

.container-menu-desktop .top-bar {
    background: linear-gradient(135deg, #1a3d4f 0%, #0d1f29 100%) !important;
}

/* Menu principal - fond blanc mais sticky */
.wrap-menu-desktop {
    background: white !important;
    border-bottom: 2px solid #2C5F7C !important;
    position: sticky !important;
    top: 50px !important;
    z-index: 1000 !important;
}

/* S'assurer que le header desktop soit sticky */
.container-menu-desktop {
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
}

/* Header mobile sticky */
.wrap-header-mobile {
    position: sticky !important;
    top: 50px !important;
    z-index: 1000 !important;
    background: white !important;
}

/* ÉTOILES - Dorées et bien visibles */
.fa-star,
.zmdi-star,
.star {
    color: #FFB800 !important;
}

.fa-star-o,
.zmdi-star-outline,
.star-empty {
    color: #CCCCCC !important;
}

.fa-star-half-o,
.zmdi-star-half {
    color: #FFB800 !important;
}

/* Forcer les étoiles dans les ratings bootstrap */
.rating-stars .star,
.rating-container .rating-stars .star {
    color: #FFB800 !important;
    font-size: 16px !important;
}

/* Rating dans les vignettes produits */
.block2 .stext-108,
.product-item .rating,
.product-card .rating {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    visibility: visible !important;
}

.block2 .stext-108 i,
.product-item .rating i,
.product-card .rating i {
    color: #FFB800 !important;
    font-size: 14px !important;
}

/* Page Contact/Riego - marges avec le header */
.contact-section,
.bg0.p-t-23 {
    margin-top: 20px !important;
}

/* Breadcrumb - espace après le header */
.bread-crumb {
    margin-top: 20px !important;
    padding-top: 20px !important;
}

/* Images produits placeholder */
.block2-pic img[src*="noimage"],
.block2-pic img[src*="placeholder"],
.block2-pic img[src*="no-image"] {
    background: linear-gradient(135deg, #e8f4f8 0%, #d0e8f0 100%) !important;
    min-height: 200px !important;
}


/* ============================================================================
   BOOTSTRAP STAR RATING PLUGIN - Force gold stars
   ========================================================================= */

/* Sélecteurs spécifiques pour le plugin Bootstrap Star Rating */
.rating-container {
    display: flex !important;
    align-items: center !important;
}

.rating-container .rating-stars {
    display: flex !important;
}

.rating-container .rating-stars .star,
.rating-container .clear-rating,
.rating-container .caption {
    color: #FFB800 !important;
}

.rating-container .empty-stars {
    color: #DDDDDD !important;
}

.rating-container .filled-stars {
    color: #FFB800 !important;
}

.rating-container .star-lg,
.rating-container .star-md,
.rating-container .star-sm,
.rating-container .star-xs {
    color: #FFB800 !important;
}

/* Input masqué du rating */
.rating-loading {
    display: none !important;
}

/* Conteneur de rating dans les produits */
.product-ratings {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.product-ratings li {
    display: inline-flex !important;
    align-items: center !important;
}

.product-review-list span {
    font-size: 12px !important;
    color: #666 !important;
    margin-left: 5px !important;
}

/* Fallback si le plugin ne charge pas - montrer des étoiles CSS */
.rating-container:empty::after,
.product-ratings li:first-child:empty::after {
    content: "★★★★☆";
    color: #FFB800;
    font-size: 14px;
}

/* Dans les vignettes block2 */
.block2 .product-ratings,
.block2-txt .product-ratings {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.block2 .rating-container .star,
.block2 .rating-container .glyphicon {
    font-size: 12px !important;
    color: #FFB800 !important;
}