/**
 * EHUKA - Custom Cart/Panier Styles
 * Style cohérent avec le header et les pages d'authentification
 * Couleurs: Turquoise var(--ehuka-turquoise), Coral var(--ehuka-coral), Purple var(--ehuka-purple), Yellow var(--ehuka-yellow), Light var(--ehuka-light)
 */

/* ============================================
   PAGE PANIER - LAYOUT GÉNÉRAL
   ============================================ */

body#cart #wrapper {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, #ffffff 100%) !important;
}

body#cart #main {
    padding: 30px 0 !important;
}

/* Breadcrumb */
body#cart .breadcrumb {
    background: transparent !important;
    padding: 15px 0 !important;
    margin-bottom: 20px !important;
}

body#cart .breadcrumb li {
    color: var(--ehuka-purple) !important;
}

body#cart .breadcrumb li a {
    color: var(--ehuka-turquoise) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

body#cart .breadcrumb li a:hover {
    color: var(--ehuka-coral) !important;
}

/* ============================================
   TITRE DE LA PAGE
   ============================================ */

body#cart .cart-container h1,
body#cart h1.h1 {
    color: var(--ehuka-purple) !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    text-align: center !important;
    position: relative !important;
    padding-bottom: 15px !important;
}

body#cart .cart-container h1::after,
body#cart h1.h1::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80px !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--ehuka-turquoise) 0%, var(--ehuka-coral) 100%) !important;
    border-radius: 2px !important;
}

/* ============================================
   CARTES PRINCIPALES
   ============================================ */

body#cart .card {
    background: white !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 20px rgba(var(--ehuka-purple-rgb), 0.08) !important;
    margin-bottom: 25px !important;
    transition: all 0.3s ease !important;
}

body#cart .card:hover {
    box-shadow: 0 6px 25px rgba(var(--ehuka-purple-rgb), 0.12) !important;
    border-color: var(--ehuka-turquoise) !important;
}

body#cart .card-block {
    padding: 25px !important;
}

body#cart .separator {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, var(--ehuka-light) 50%, transparent 100%) !important;
    margin: 20px 0 !important;
}

/* ============================================
   PRODUITS DANS LE PANIER
   ============================================ */

body#cart .cart-items {
    margin-top: 20px !important;
}

body#cart .cart-item {
    background: linear-gradient(135deg, #ffffff 0%, var(--ehuka-light) 100%) !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
    transition: all 0.3s ease !important;
}

body#cart .cart-item:hover {
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Image produit */
body#cart .product-line-grid-left .product-image {
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

body#cart .cart-item:hover .product-image {
    border-color: var(--ehuka-turquoise) !important;
}

/* Nom du produit */
body#cart .product-line-info a {
    color: var(--ehuka-purple) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

body#cart .product-line-info a:hover {
    color: var(--ehuka-turquoise) !important;
}

/* Prix */
body#cart .product-price,
body#cart .current-price {
    color: var(--ehuka-turquoise) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* Quantité */
body#cart .qty input {
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--ehuka-purple) !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

body#cart .qty input:focus {
    outline: none !important;
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 0 0 3px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
}

/* Boutons de quantité */
body#cart .qty .btn-touchspin {
    background: var(--ehuka-light) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    color: var(--ehuka-purple) !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    padding: 6px 10px !important;
}

body#cart .qty .btn-touchspin:hover {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    transform: scale(1.05) !important;
}

/* Bouton supprimer */
body#cart .remove-from-cart,
body#cart .cart-line-product-actions a {
    color: var(--ehuka-coral) !important;
    background: transparent !important;
    border: 2px solid var(--ehuka-coral) !important;
    border-radius: 8px !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

body#cart .remove-from-cart:hover,
body#cart .cart-line-product-actions a:hover {
    background: var(--ehuka-coral) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-coral-rgb), 0.3) !important;
}

body#cart .material-icons {
    font-size: 18px !important;
    vertical-align: middle !important;
}

/* ============================================
   BOUTON "CONTINUER LES ACHATS"
   ============================================ */

body#cart .tv-continue-shopping-btn,
body#cart a.tv-continue-shopping-btn,
body#cart a.label.tvall-inner-btn {
    background: white !important;
    color: var(--ehuka-turquoise) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    padding: 12px 25px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
    margin-top: 20px !important;
}

body#cart a.label.tvall-inner-btn span,
body#cart a.label.tvall-inner-btn .material-icons {
    color: var(--ehuka-turquoise) !important;
}

body#cart .tv-continue-shopping-btn:hover,
body#cart a.tv-continue-shopping-btn:hover,
body#cart a.label.tvall-inner-btn:hover {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
}

body#cart a.label.tvall-inner-btn:hover span,
body#cart a.label.tvall-inner-btn:hover .material-icons {
    color: white !important;
}

body#cart .tv-continue-shopping-btn .material-icons,
body#cart a.label.tvall-inner-btn .material-icons {
    font-size: 20px !important;
}

/* ============================================
   RÉCAPITULATIF - BLOC DE DROITE
   ============================================ */

body#cart .cart-summary {
    position: sticky !important;
    top: 20px !important;
}

body#cart .cart-summary h3,
body#cart .cart-summary .h3 {
    color: var(--ehuka-purple) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid var(--ehuka-light) !important;
}

/* Lignes de totaux */
body#cart .cart-summary-line {
    display: flex !important;
    justify-content: space-between !important;
    padding: 12px 0 !important;
    color: var(--ehuka-purple) !important;
    font-size: 15px !important;
    border-bottom: 1px solid var(--ehuka-light) !important;
}

body#cart .cart-summary-line:last-child {
    border-bottom: none !important;
}

body#cart .cart-summary-line .label,
body#cart .cart-summary-line .js-subtotal {
    font-weight: 500 !important;
    color: var(--ehuka-purple) !important;
}

body#cart .cart-summary-line .value {
    font-weight: 700 !important;
    color: var(--ehuka-turquoise) !important;
}

/* Correction textes blancs */
body#cart #cart-subtotal-products .label,
body#cart #cart-subtotal-products .value,
body#cart .cart-detailed-totals .label,
body#cart .cart-detailed-totals .value {
    color: var(--ehuka-purple) !important;
}

body#cart .cart-detailed-totals .value {
    color: var(--ehuka-turquoise) !important;
}

/* Total final */
body#cart .cart-total {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, #ffffff 100%) !important;
    padding: 20px !important;
    border-radius: 10px !important;
    margin: 20px 0 !important;
}

body#cart .cart-total .label,
body#cart .cart-total span.label {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--ehuka-purple) !important;
}

body#cart .cart-total .value,
body#cart .cart-total span.value {
    font-size: 28px !important;
    font-weight: 900 !important;
    color: var(--ehuka-turquoise) !important;
}

/* Forcer les couleurs sur tous les spans dans cart-summary SAUF dans les boutons */
body#cart .cart-summary span:not(button span):not(.checkout span):not(.tvall-inner-btn-cancel span) {
    color: var(--ehuka-purple) !important;
}

body#cart .cart-summary .value,
body#cart .cart-summary span.value {
    color: var(--ehuka-turquoise) !important;
}

/* PRIORITÉ ABSOLUE : Bouton Commander en blanc - ULTRA SPÉCIFIQUE */
body#cart .cart-summary button,
body#cart .cart-summary .checkout button,
body#cart button.tvall-inner-btn-cancel,
body#cart .card-block button.tvall-inner-btn-cancel,
body#cart .checkout.text-sm-center button,
body#cart .checkout.text-sm-center.card-block button {
    color: white !important;
}

body#cart .cart-summary button span,
body#cart .cart-summary .checkout button span,
body#cart button.tvall-inner-btn-cancel span,
body#cart .card-block button.tvall-inner-btn-cancel span,
body#cart .checkout.text-sm-center button span,
body#cart .checkout.text-sm-center.card-block button span {
    color: white !important;
    background: none !important;
}

/* S'assurer que tous les textes dans les cards sont visibles */
body#cart .card span:not(.checkout button span):not(.tvall-inner-btn-cancel span),
body#cart .card-block span:not(.checkout button span):not(.tvall-inner-btn-cancel span),
body#cart .cart-detailed-totals span {
    color: var(--ehuka-purple) !important;
}

body#cart .card .value,
body#cart .card-block .value,
body#cart .cart-detailed-totals .value {
    color: var(--ehuka-turquoise) !important;
}

/* Exception pour le bouton dans checkout - IMPORTANT */
body#cart .checkout button,
body#cart .checkout button span,
body#cart .card-block button.tvall-inner-btn-cancel,
body#cart .card-block button.tvall-inner-btn-cancel span {
    color: white !important;
}

/* ============================================
   BOUTONS D'ACTION (COMMANDER)
   ============================================ */

body#cart .checkout-btn,
body#cart .btn-primary,
body#cart a.btn-primary,
body#cart button.btn-primary,
body#cart .checkout button,
body#cart .tvall-inner-btn-cancel {
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #3a8d97 100%) !important;
    color: white !important;
    border: none !important;
    padding: 15px 30px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
}

/* Forcer le texte du bouton Commander en blanc */
body#cart .checkout button span,
body#cart .tvall-inner-btn-cancel span,
body#cart button.tvall-inner-btn-cancel span,
body#cart .checkout .tvall-inner-btn-cancel span {
    color: white !important;
    opacity: 1 !important;
}

/* Override pour tous les spans dans les boutons de checkout */
body#cart .checkout button * {
    color: white !important;
}

body#cart .checkout button:disabled,
body#cart .tvall-inner-btn-cancel:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

body#cart .checkout-btn:hover:not(:disabled),
body#cart .btn-primary:hover:not(:disabled),
body#cart a.btn-primary:hover:not(:disabled),
body#cart button.btn-primary:hover:not(:disabled),
body#cart .checkout button:hover:not(:disabled),
body#cart .tvall-inner-btn-cancel:hover:not(:disabled) {
    background: linear-gradient(135deg, #3a8d97 0%, var(--ehuka-turquoise) 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.4) !important;
}

/* ============================================
   CODES PROMO
   ============================================ */

body#cart .promo-code {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    border: 2px solid var(--ehuka-turquoise) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
}

body#cart .promo-code h3 {
    color: var(--ehuka-purple) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

body#cart .promo-code input[type="text"] {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    color: var(--ehuka-purple) !important;
    transition: all 0.3s ease !important;
    margin-bottom: 10px !important;
}

body#cart .promo-code input[type="text"]:focus {
    outline: none !important;
    border-color: var(--ehuka-turquoise) !important;
    box-shadow: 0 0 0 3px rgba(var(--ehuka-turquoise-rgb), 0.15) !important;
}

body#cart .promo-code button {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    border: none !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

body#cart .promo-code button:hover {
    background: #3a8d97 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
}

/* ============================================
   PANIER VIDE
   ============================================ */

body#cart .cart-empty {
    text-align: center !important;
    padding: 60px 20px !important;
}

body#cart .cart-empty .material-icons {
    font-size: 80px !important;
    color: var(--ehuka-turquoise) !important;
    margin-bottom: 20px !important;
    opacity: 0.7 !important;
}

body#cart .cart-empty h2 {
    color: var(--ehuka-purple) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

body#cart .cart-empty p {
    color: var(--ehuka-purple) !important;
    font-size: 16px !important;
    margin-bottom: 30px !important;
    opacity: 0.8 !important;
}

body#cart .cart-empty a {
    background: linear-gradient(135deg, var(--ehuka-turquoise) 0%, #3a8d97 100%) !important;
    color: white !important;
    padding: 15px 40px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
}

body#cart .cart-empty a:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.4) !important;
}

/* ============================================
   ALERTS & MESSAGES
   ============================================ */

body#cart .alert {
    border-radius: 10px !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
    border: 2px solid transparent !important;
}

body#cart .alert-success {
    background: linear-gradient(135deg, #e8f9e9 0%, #f0fdf0 100%) !important;
    border-color: var(--ehuka-turquoise) !important;
    color: #2d5f2f !important;
}

body#cart .alert-warning {
    background: linear-gradient(135deg, #fff8e6 0%, #fffbf0 100%) !important;
    border-color: var(--ehuka-coral) !important;
    color: #8b4513 !important;
}

body#cart .alert-info {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    border-color: var(--ehuka-turquoise) !important;
    color: var(--ehuka-purple) !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 991px) {
    body#cart .cart-summary {
        position: relative !important;
        top: 0 !important;
        margin-top: 30px !important;
    }
    
    body#cart .cart-container h1,
    body#cart h1.h1 {
        font-size: 26px !important;
    }
}

@media (max-width: 767px) {
    body#cart .card-block {
        padding: 20px 15px !important;
    }
    
    body#cart .cart-item {
        padding: 15px !important;
    }
    
    body#cart .cart-container h1,
    body#cart h1.h1 {
        font-size: 22px !important;
    }
    
    body#cart .tv-continue-shopping-btn,
    body#cart a.tv-continue-shopping-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ============================================
   BADGES & LABELS
   ============================================ */

body#cart .badge,
body#cart .label {
    background: var(--ehuka-turquoise) !important;
    color: white !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

body#cart .badge-warning {
    background: var(--ehuka-coral) !important;
}

body#cart .badge-success {
    background: var(--ehuka-turquoise) !important;
}

/* ============================================
   PAGE COMPARAISON DE PRODUITS
   ============================================ */

body#module-tvcmsproductcompare-productcomparelist #wrapper {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, #ffffff 100%) !important;
}

body#module-tvcmsproductcompare-productcomparelist #main {
    padding: 30px 0 !important;
}

/* Titre de la page */
body#module-tvcmsproductcompare-productcomparelist h1,
body#module-tvcmsproductcompare-productcomparelist .page-header h1 {
    color: var(--ehuka-purple) !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    text-align: center !important;
    position: relative !important;
    padding-bottom: 15px !important;
}

body#module-tvcmsproductcompare-productcomparelist h1::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #4B9DA9 0%, var(--ehuka-coral) 100%) !important;
    border-radius: 2px !important;
}

/* Table de comparaison */
body#module-tvcmsproductcompare-productcomparelist .table-responsive {
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(var(--ehuka-purple-rgb), 0.08) !important;
}

body#module-tvcmsproductcompare-productcomparelist table {
    margin-bottom: 0 !important;
}

body#module-tvcmsproductcompare-productcomparelist table thead {
    background: linear-gradient(135deg, var(--ehuka-purple) 0%, #4a4454 100%) !important;
}

body#module-tvcmsproductcompare-productcomparelist table thead th {
    color: white !important;
    font-weight: 700 !important;
    padding: 20px 15px !important;
    border: none !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body#module-tvcmsproductcompare-productcomparelist table tbody tr {
    transition: all 0.3s ease !important;
}

body#module-tvcmsproductcompare-productcomparelist table tbody tr:nth-child(even) {
    background: linear-gradient(135deg, #ffffff 0%, var(--ehuka-light) 100%) !important;
}

body#module-tvcmsproductcompare-productcomparelist table tbody tr:hover {
    background: linear-gradient(135deg, var(--ehuka-light) 0%, #ffffff 100%) !important;
    transform: translateX(3px) !important;
}

body#module-tvcmsproductcompare-productcomparelist table tbody td {
    padding: 15px !important;
    color: var(--ehuka-purple) !important;
    border: 1px solid var(--ehuka-light) !important;
    vertical-align: middle !important;
    text-align: center !important;
}

body#module-tvcmsproductcompare-productcomparelist table tbody td:first-child {
    font-weight: 600 !important;
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
}

/* Images produits */
body#module-tvcmsproductcompare-productcomparelist .product-image img {
    border: 2px solid var(--ehuka-light) !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    max-width: 150px !important;
}

body#module-tvcmsproductcompare-productcomparelist .product-image img:hover {
    border-color: #4B9DA9 !important;
    transform: scale(1.05) !important;
}

/* Prix */
body#module-tvcmsproductcompare-productcomparelist .product-price,
body#module-tvcmsproductcompare-productcomparelist .price {
    color: #4B9DA9 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* Boutons */
body#module-tvcmsproductcompare-productcomparelist .btn,
body#module-tvcmsproductcompare-productcomparelist button,
body#module-tvcmsproductcompare-productcomparelist .tvall-inner-btn {
    background: linear-gradient(135deg, #4B9DA9 0%, #3a8d97 100%) !important;
    color: white !important;
    border: none !important;
    padding: 12px 25px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.3) !important;
    text-decoration: none !important;
    display: inline-block !important;
}

body#module-tvcmsproductcompare-productcomparelist .btn span,
body#module-tvcmsproductcompare-productcomparelist button span,
body#module-tvcmsproductcompare-productcomparelist .tvall-inner-btn span {
    color: white !important;
}

body#module-tvcmsproductcompare-productcomparelist .btn:hover,
body#module-tvcmsproductcompare-productcomparelist button:hover,
body#module-tvcmsproductcompare-productcomparelist .tvall-inner-btn:hover {
    background: linear-gradient(135deg, #3a8d97 0%, #4B9DA9 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(var(--ehuka-turquoise-rgb), 0.4) !important;
}

/* Bouton supprimer */
body#module-tvcmsproductcompare-productcomparelist .remove-btn,
body#module-tvcmsproductcompare-productcomparelist .btn-remove,
body#module-tvcmsproductcompare-productcomparelist a[href*="remove"] {
    background: white !important;
    color: var(--ehuka-coral) !important;
    border: 2px solid var(--ehuka-coral) !important;
}

body#module-tvcmsproductcompare-productcomparelist .remove-btn:hover,
body#module-tvcmsproductcompare-productcomparelist .btn-remove:hover,
body#module-tvcmsproductcompare-productcomparelist a[href*="remove"]:hover {
    background: var(--ehuka-coral) !important;
    color: white !important;
}

/* Message vide */
body#module-tvcmsproductcompare-productcomparelist .alert,
body#module-tvcmsproductcompare-productcomparelist .alert-info {
    background: linear-gradient(135deg, var(--ehuka-cream) 0%, var(--ehuka-light) 100%) !important;
    border: 2px solid #4B9DA9 !important;
    color: var(--ehuka-purple) !important;
    padding: 40px 20px !important;
    border-radius: 15px !important;
    text-align: center !important;
    font-size: 16px !important;
    box-shadow: 0 4px 15px rgba(var(--ehuka-turquoise-rgb), 0.1) !important;
}

/* Breadcrumb */
body#module-tvcmsproductcompare-productcomparelist .breadcrumb {
    background: transparent !important;
    padding: 15px 0 !important;
    margin-bottom: 20px !important;
}

body#module-tvcmsproductcompare-productcomparelist .breadcrumb li {
    color: var(--ehuka-purple) !important;
}

body#module-tvcmsproductcompare-productcomparelist .breadcrumb li a {
    color: #4B9DA9 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

body#module-tvcmsproductcompare-productcomparelist .breadcrumb li a:hover {
    color: var(--ehuka-coral) !important;
}

/* Responsive */
@media (max-width: 767px) {
    body#module-tvcmsproductcompare-productcomparelist h1 {
        font-size: 24px !important;
    }
    
    body#module-tvcmsproductcompare-productcomparelist table {
        font-size: 14px !important;
    }
    
    body#module-tvcmsproductcompare-productcomparelist .product-image img {
        max-width: 100px !important;
    }
}

/* ============================================
   FIX FINAL - BOUTON COMMANDER EN BLANC
   CETTE RÈGLE DOIT ÊTRE EN DERNIER
   ============================================ */

/* Forcer le background du bouton - VERSION ULTRA SPÉCIFIQUE */
body#cart .checkout.text-sm-center.card-block button[type="button"].tvall-inner-btn-cancel,
body#cart .checkout button[type="button"].tvall-inner-btn-cancel,
body#cart button[type="button"].tvall-inner-btn-cancel,
body#cart .checkout button[type="button"],
body#cart button.tvall-inner-btn-cancel[disabled],
body#cart button.tvall-inner-btn-cancel.disabled {
    background: linear-gradient(135deg, #4B9DA9 0%, #3a8d97 100%) !important;
    background-color: #4B9DA9 !important;
    background-image: linear-gradient(135deg, #4B9DA9 0%, #3a8d97 100%) !important;
    opacity: 1 !important;
    border: none !important;
}

/* Forcer le texte en blanc de TOUTES les façons possibles */
body#cart button[type="button"].tvall-inner-btn-cancel span,
body#cart .checkout button[type="button"] span,
body#cart .card-block button span,
body#cart button.tvall-inner-btn-cancel[disabled] span,
body#cart button.tvall-inner-btn-cancel.disabled span {
    color: #FFFFFF !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #FFFFFF !important;
    fill: #FFFFFF !important;
    visibility: visible !important;
    display: inline-block !important;
}