/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/* ================================================================
   EXPÉDITION "MAÎTRE RENARD" (Design Premium & Anti-Requin 🦈)
   ================================================================ */

/* 1. Titre de la section (Expédition) */
.shipping-package-title {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
    color: #446084 !important;
    font-size: 11px !important;
}

/* 2. Les "Cartes" des options de livraison (Livraison gratuite, etc.) */
ul#shipping_method li {
    display: block !important; 
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px !important;
    margin-bottom: 10px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 0px !important; /* Angles nets pour le côté Luxe */
    text-align: left !important;
    list-style: none !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* 3. Mise en valeur de l'option sélectionnée */
ul#shipping_method li:has(input:checked) {
    background-color: #fafafa !important; /* Fond très légèrement grisé */
}

/* 4. Alignement parfait du bouton rond et du texte */
body.woocommerce-checkout ul#shipping_method li input[type="radio"] {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 12px !important;
    margin-top: -2px !important;
    accent-color: #446084 !important;
}

body.woocommerce-checkout ul#shipping_method li label {
    display: inline-block !important;
    vertical-align: middle !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #444444 !important;
    letter-spacing: 0.5px !important;
}

/* ================================================================
   BLOC POINT RELAIS SÉLECTIONNÉ (Intérieur de la carte)
   ================================================================ */

/* Masquer le contenu point relais par défaut */
ul#shipping_method li > *:not(input[type="radio"]):not(input[type="hidden"]):not(label) {
    display: none !important;
}

/* Afficher le contenu uniquement quand sélectionné */
ul#shipping_method li:has(input:checked) > *:not(input[type="radio"]):not(input[type="hidden"]):not(label) {
    display: block !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px dashed #dddddd !important; /* Séparation élégante */
}

/* Le bloc d'information du point relais */
body.woocommerce-checkout div#lpc_pick_up_info,
body.woocommerce-checkout .lpc_layer {
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
    padding: 15px !important;
    background-color: #ffffff !important; 
    border: 1px solid #eeeeee !important;
    border-radius: 0px !important;
    text-align: left !important;
}

/* Typographie : "POINT DE RETRAIT CHOISI" et Nom du commerce */
body.woocommerce-checkout div#lpc_pick_up_info strong,
body.woocommerce-checkout div#lpc_pick_up_info .lpc_pickup_point_name,
body.woocommerce-checkout div#lpc_pick_up_info b {
    font-family: 'Raleway', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #446084 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 5px !important;
}

/* Typographie : Adresse et horaires */
body.woocommerce-checkout div#lpc_pick_up_info {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
}

/* ================================================================
   LE BOUTON "CHANGER LE POINT DE RETRAIT" (Centré et Premium)
   ================================================================ */

body.woocommerce-checkout div#lpc_pick_up_info button,
body.woocommerce-checkout div#lpc_pick_up_info .button,
body.woocommerce-checkout div#lpc_pick_up_info a {
    display: block !important; /* Permet le centrage */
    margin: 20px auto 0 auto !important; /* auto à gauche et à droite = centré */
    background-color: #446084 !important; /* Bleu Maître Renard */
    color: #ffffff !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 0px !important;
    text-align: center !important;
    transition: background 0.3s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
    width: max-content !important; /* S'ajuste à la taille du texte */
    max-width: 100% !important;
}

/* Effet au survol du bouton */
body.woocommerce-checkout div#lpc_pick_up_info button:hover,
body.woocommerce-checkout div#lpc_pick_up_info .button:hover,
body.woocommerce-checkout div#lpc_pick_up_info a:hover {
    background-color: #334a66 !important;
}


/* ================================================================
   LE BOUTON "CHANGER LE POINT DE RETRAIT" (Centré avec marges)
   ================================================================ */

body.woocommerce-checkout button#lpc_pick_up_web_service_show_map {
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important;
    width: fit-content !important; /* Le bouton s'ajuste à la taille du texte */
    margin: 25px auto 10px auto !important; /* 25px en haut, auto (centré) sur les côtés, 10px en bas */
    padding: 12px 24px !important; /* Marges internes pour faire respirer le texte */
    background-color: #446084 !important; /* Bleu Maître Renard */
    color: #ffffff !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 0px !important;
    transition: background 0.3s ease !important;
    cursor: pointer !important;
}

/* Effet au survol du bouton */
body.woocommerce-checkout button#lpc_pick_up_web_service_show_map:hover {
    background-color: #334a66 !important;
}

/* ================================================================
   CORRECTION FINALE POP-UP COLISSIMO (Alignement & Qualité)
   ================================================================ */

/* 1. Conteneur principal de recherche */
#lpc_search_address {
    display: flex !important;
    flex-direction: column !important; /* On empile pour avoir l'adresse en haut */
    gap: 12px !important;
    padding: 25px !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* 2. Le champ Adresse (il prend toute la ligne du haut) */
#lpc_modal_relays_search_address {
    width: 100% !important;
    border: 1px solid #eeeeee !important;
    padding: 12px 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    border-radius: 0px !important;
}

/* 3. La boîte qui contient CP + Ville + Bouton (on les met en ligne) */
#lpc_modal_address_details {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

/* Style des champs CP et Ville */
#lpc_modal_address_details input[type="text"] {
    flex: 1 !important; /* Ils partagent l'espace restant */
    border: 1px solid #eeeeee !important;
    padding: 12px 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    border-radius: 0px !important;
    margin: 0 !important;
}

/* 4. Le bouton CHERCHER (enfin aligné et stylé) */
#lpc_layer_button_search {
    background-color: #446084 !important;
    color: #ffffff !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 13px 25px !important;
    border: none !important;
    border-radius: 0px !important;
    cursor: pointer !important;
    height: 45px !important; /* Pour s'aligner parfaitement aux inputs */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 5. Harmonisation de la liste à droite */
.lpc_pickup_point_name {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    color: #446084 !important;
    text-transform: uppercase !important;
}

.lpc_pick_up_button {
    border-radius: 0px !important;
    background-color: #446084 !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
}

/* ================================================================
   BARRE DE RECHERCHE HORIZONTALE (Gain de place pour la carte)
   ================================================================ */

/* 1. On force le conteneur parent à ne plus empiler les éléments */
#lpc_search_address {
    display: flex !important;
    flex-direction: row !important; /* Tout sur une ligne */
    align-items: stretch !important; /* Pour que tout ait la même hauteur */
    gap: 8px !important;
    padding: 15px !important; /* On réduit le padding pour gagner de la place */
    background-color: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Le champ Adresse prend la plus grande partie de la ligne */
#lpc_modal_relays_search_address {
    flex: 3 !important; /* Donne plus d'importance à l'adresse */
    border: 1px solid #eeeeee !important;
    padding: 10px 12px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    height: 42px !important;
    border-radius: 0px !important;
}

/* 3. On force le sous-conteneur (CP + Ville + Bouton) à rester sur la même ligne */
#lpc_modal_address_details {
    display: flex !important;
    flex: 4 !important; /* Espace pour le reste */
    flex-direction: row !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Style des champs Code Postal et Ville */
#lpc_modal_relays_search_zipcode {
    flex: 1 !important; /* Largeur automatique */
    min-width: 80px !important;
    border: 1px solid #eeeeee !important;
    height: 42px !important;
    border-radius: 0px !important;
    padding: 0 10px !important;
}

#lpc_modal_relays_search_city {
    flex: 2 !important; /* La ville est souvent plus longue que le CP */
    min-width: 120px !important;
    border: 1px solid #eeeeee !important;
    height: 42px !important;
    border-radius: 0px !important;
    padding: 0 10px !important;
}

/* 5. Le bouton CHERCHER à la fin de la ligne */
#lpc_layer_button_search {
    flex: 1 !important;
    background-color: #446084 !important;
    color: #ffffff !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 0 20px !important;
    border: none !important;
    border-radius: 0px !important;
    height: 42px !important; /* Même hauteur que les champs */
    cursor: pointer !important;
    white-space: nowrap !important; /* Empêche le texte du bouton de revenir à la ligne */
}

/* Optionnel : Ajuster la hauteur de la carte pour qu'elle profite de l'espace */
#loc_map {
    height: 450px !important; /* On peut l'agrandir un peu maintenant */
}


/* ================================================================
   INTERFACE COLISSIMO "ZERO HEADER" (Logo intégré + Carte Max)
   ================================================================ */

/* 1. Supprimer le header du pop-up (le bandeau bleu avec le logo) */
header.lpc-lib-modal-header {
    display: none !important;
}

/* 2. Ajouter le logo Colissimo directement dans la barre de recherche */
#lpc_search_address::before {
    content: "";
    display: block;
    width: 80px; /* Taille du logo */
    height: 30px;
    background-image: url('https://maitrerenard.fr/protostar/wp-content/plugins/colissimo-shipping-methods-for-woocommerce/includes/images/colissimo_cropped.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
    flex-shrink: 0; /* Empêche le logo de rétrécir */
}

/* 3. Ajuster la barre pour que tout s'aligne avec le nouveau logo */
#lpc_search_address {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* Centrage vertical parfait */
    padding: 10px 20px !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* 4. On réduit un peu les champs pour que tout tienne sur la ligne avec le logo */
#lpc_modal_relays_search_address {
    flex: 2 !important;
    height: 38px !important; /* On réduit légèrement la hauteur pour plus de finesse */
}

#lpc_modal_address_details {
    flex: 3 !important;
    gap: 5px !important;
}

#lpc_modal_relays_search_zipcode, 
#lpc_modal_relays_search_city {
    height: 38px !important;
    font-size: 12px !important;
}

#lpc_layer_button_search {
    height: 38px !important;
    padding: 0 15px !important;
    font-size: 9px !important; /* Texte un peu plus petit pour le bouton CHERCHER */
}

/* 5. On remonte la carte car le header a disparu */
.lpc-lib-modal-content {
    padding-top: 0 !important;
}

/* S'assurer que le bouton de fermeture (X) reste visible et propre */
.modal-close.modal-close-link {
    top: 10px !important;
    right: 10px !important;
    color: #446084 !important;
    z-index: 9999 !important;
}

/* ================================================================
   TITRE EXPÉDITION (Centrage et Marges Maître Renard)
   ================================================================ */

.shipping-package-title {
    text-align: center !important; /* Centre le texte */
    display: block !important;    /* S'assure que le titre prend toute la ligne */
    width: 100% !important;
    
    /* Marges : 30px en haut pour séparer du produit, 20px en bas pour l'air */
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    
    /* Rappel du style Premium */
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #446084 !important;
    font-size: 11px !important;
}


/* ================================================================
   HARMONISATION DES TITRES (Style Signature Maître Renard)
   ================================================================ */

/* On cible les titres de sections (Facturation, Commande, etc.) 
   et les en-têtes du tableau récapitulatif */
.woocommerce-checkout h3, 
#order_review_heading, 
.shipping-package-title,
.woocommerce-checkout-review-order-table th,
 {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    
    /* Marges pour aérer chaque section */
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0 !important; /* On retire les lignes de soulignement si présentes */
    border: none !important;
    
    /* Typographie Premium */
    font-family: 'Raleway', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #446084 !important;
}

/* Cas particulier : on retire le fond gris des titres de colonnes du tableau 
   pour garder le look minimaliste et centré */
.woocommerce-checkout-review-order-table th {
    background-color: transparent !important;
    padding: 15px 0 !important;
}

/* On s'assure que les titres des moyens de paiement suivent aussi la danse */
#payment ul.payment_methods li > label {
    text-align: center !important;
    display: block !important;
    margin-bottom: 10px !important;
}


/* ================================================================
   SUPPRESSION DES EN-TÊTES "PRODUIT" ET "SOUS-TOTAL"
   ================================================================ */

/* Masque la ligne complète du haut dans le tableau récapitulatif */
.woocommerce-checkout-review-order-table thead {
    display: none !important;
}

/* On retire aussi la bordure supérieure du premier produit 
   pour que l'image commence directement sous le titre de la section */
.woocommerce-checkout-review-order-table tbody tr:first-child td {
    border-top: none !important;
}

/* On ajuste un peu l'espace entre le titre de la section et les produits */
#order_review_heading {
    margin-bottom: 5px !important;
}

/* ================================================================
   SUPPRESSION RADICALE DES SÉPARATEURS (Version Maître Renard)
   ================================================================ */

/* 1. On supprime TOUTES les bordures (haut, bas, côtés) et ombres du tableau */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tfoot {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* 2. On enlève les lignes spécifiques aux lignes de total (Sous-total, Total) */
.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal td,
.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.shop_table.woocommerce-checkout-review-order-table tr.order-total td,
.shop_table.woocommerce-checkout-review-order-table tr.order-total th,
.shop_table.woocommerce-checkout-review-order-table tr.shipping td,
.shop_table.woocommerce-checkout-review-order-table tr.shipping th {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* 3. On enlève les cadres des méthodes de livraison (les boîtes) */
ul#shipping_method li {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important; /* On enlève le fond pour un look 100% aérien */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 4. On s'assure que le trait sous "EXPÉDITION" disparaît aussi */
.shipping-package-title {
    border-bottom: 0 !important;
}

/* 5. On enlève la bordure du widget Colissimo s'il est ouvert */
div#lpc_pick_up_info, 
.lpc_layer {
    border: 0 !important;
    box-shadow: none !important;
}


/* ================================================================
   SUPPRESSION DES LIGNES "FANTÔMES" (Pseudo-éléments :before)
   ================================================================ */

/* On vise précisément ce que tu as trouvé dans l'inspecteur */
.woocommerce-checkout-review-order tfoot tr th:before,
.woocommerce-checkout-review-order tfoot tr td:before,
.woocommerce-checkout-review-order tfoot tr th:after,
.woocommerce-checkout-review-order tfoot tr td:after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* Par sécurité, on applique la même chose aux lignes de produits 
   si le thème utilise la même technique là-bas */
.woocommerce-checkout-review-order-table tbody tr td:before,
.woocommerce-checkout-review-order-table tbody tr td:after {
    content: none !important;
    display: none !important;
}




#order_review_heading {
    margin-bottom: 20px !important;
}

/* ================================================================
   SECTION EXPÉDITION : TITRE GRIS & BLOC BLANC PUR
   ================================================================ */

/* 1. Le Titre sur bandeau gris (Séparateur de section) */
.shipping-package-title {
    background-color: #F8F8F8 !important; /* Gris clair pour le titre */
    margin: 30px 0 0 0 !important;
    padding: 15px 0 !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    color: #446084 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-size: 11px !important;
    display: block !important;
    width: 100% !important;
}

/* 2. Le Conteneur des méthodes (Bloc Blanc) */
ul#shipping_method {
    background-color: #ffffff !important; /* Fond blanc pur */
    margin: 0 !important;
    padding: 10px 20px !important;
    border: 1px solid #eeeeee !important;
    border-top: none !important; /* Pour bien fusionner avec le titre gris au-dessus */
    list-style: none !important;
}

/* 3. Les options de livraison (Toujours sur fond blanc) */
ul#shipping_method li {
    background-color: #ffffff !important; /* Fond blanc par défaut */
    padding: 15px 0 !important;
    transition: none !important; /* On retire les transitions de couleur */
}

/* 4. LA SÉLECTION (Reste en blanc, pas de gris !) */
ul#shipping_method li:has(input:checked) {
    background-color: #ffffff !important; /* Force le blanc pur même coché */
    /* On peut garder une bordure bleue très fine ou juste le bouton radio bleu pour l'ergonomie */
}







/* Alignement du Total et Sous-total sur une seule ligne */
tr.order-total,
tr.cart-subtotal {
  display: table-row !important;
}

tr.order-total th,
tr.cart-subtotal th {
  display: table-cell !important;
  width: auto !important;
  text-align: left !important;
  vertical-align: middle !important;
}

tr.order-total td,
tr.cart-subtotal td {
  display: table-cell !important;
  text-align: right !important;
  vertical-align: middle !important;
}


/* Alignement Sous-total et Total */
tr.order-total,
tr.cart-subtotal {
  display: table-row !important;
}

tr.order-total th,
tr.cart-subtotal th {
  display: table-cell !important;
  width: auto !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding-left: 20px !important;
}

tr.order-total td,
tr.cart-subtotal td {
  display: table-cell !important;
  text-align: right !important;
  vertical-align: middle !important;
}


/* ================================================================
   AJUSTEMENT DE L'ESPACEMENT (Padding Sous-Total / Total)
   ================================================================ */

.woocommerce-checkout-review-order tfoot tr td, 
.woocommerce-checkout-review-order tfoot tr th {
    padding-top: 10px !important;
}

/* ================================================================
   AJUSTEMENT DE L'ESPACEMENT DU PREMIER PRODUIT
   ================================================================ */

.woocommerce-checkout-review-order-table tbody tr:first-child td {
    padding-top: 30px !important;
}

/* ================================================================
   SUPPRESSION DE LA BORDURE SOUS LES ÉTAPES DE COMMANDE
   ================================================================ */

.mr-order-steps {
    border-bottom: none !important;
    border: none !important; /* Par sécurité, on retire toute bordure éventuelle */
}

/* ================================================================
   PAGE PANIER UNIQUEMENT : BLOC EXPÉDITION TOUT EN GRIS
   ================================================================ */

/* 1. On applique le fond gris au titre et au bloc des méthodes */
.woocommerce-cart .shipping-package-title,
.woocommerce-cart ul#shipping_method,
.woocommerce-cart ul#shipping_method li {
    background-color: #F8F8F8 !important; /* Le gris clair */
}

/* 2. On unifie le bloc (on enlève les bordures et on ajuste les espacements) */
.woocommerce-cart ul#shipping_method {
    border: none !important;
    margin-top: 0 !important;
    padding: 0 20px 20px 20px !important; /* On ajoute du padding pour que le texte ne touche pas les bords */
}

/* 3. On passe aussi l'adresse et le calculateur en gris pour finir le bloc */
.woocommerce-cart .woocommerce-shipping-destination,
.woocommerce-cart .woocommerce-shipping-calculator,
.woocommerce-cart .shipping-package-details-vars {
    background-color: #F8F8F8 !important;
    margin: 0 !important;
    padding: 10px 20px 20px 20px !important;
    font-size: 13px !important;
}

/* 4. On s'assure que les lignes de séparation internes disparaissent */
.woocommerce-cart ul#shipping_method li {
}

.woocommerce-cart ul#shipping_method li:last-child {
    border-bottom: none !important;
}

/* ================================================================
   PANIER : BLOC EXPÉDITION COMPACT & UNIFORME (#F8F8F8)
   ================================================================ */

/* 1. Supprimer la marge au-dessus du titre Expédition */
.woocommerce-cart .shipping-package-title {
    margin-top: 0 !important;
    padding-top: 15px !important; /* On garde juste un peu de padding interne pour l'équilibre */
    background-color: #F8F8F8 !important;
    border-top: none !important;
}

/* 2. Fixer le fond gris pour TOUS les états (même après sélection) */
.woocommerce-cart ul#shipping_method li,
.woocommerce-cart ul#shipping_method li:hover,
.woocommerce-cart ul#shipping_method li:has(input:checked),
.woocommerce-cart input[type="radio"]:checked + label {
    background-color: #F8F8F8 !important; /* On force le gris partout */
    background: #F8F8F8 !important;
}

/* 3. On s'assure que la ligne du tableau n'ajoute pas de marge parasite */
.woocommerce-cart .cart_totals tr.shipping th, 
.woocommerce-cart .cart_totals tr.shipping td {
    padding-top: 0 !important;
    border: none !important;
}

/* ================================================================
   ALIGNEMENT DES TOTAUX : TEXTE ET PRIX COLLÉS À DROITE
   ================================================================ */

/* 1. On transforme les lignes de totaux en blocs alignés à droite */
.woocommerce-cart .cart-subtotal, 
.woocommerce-cart .order-total,
.woocommerce-checkout-review-order-table tr.cart-subtotal,
.woocommerce-checkout-review-order-table tr.order-total {
    display: flex !important;
    justify-content: flex-end !important; /* Tout à droite */
    align-items: center !important;
    width: 100% !important;
    border: none !important;
    padding: 10px 0 !important;
}

/* 2. On ajuste le libellé (SOUS-TOTAL / TOTAL) */
.woocommerce-cart .cart-subtotal th, 
.woocommerce-cart .order-total th,
.woocommerce-checkout-review-order-table tr.cart-subtotal th, 
.woocommerce-checkout-review-order-table tr.order-total th {
    width: auto !important;
    padding: 0 !important;
    margin: 0 20px 0 0 !important; /* Espace de 20px entre le mot et le prix */
    background: none !important;
    text-align: right !important;
    display: block !important;
    border: none !important;
}

/* 3. On ajuste le prix (ex: 78€) */
.woocommerce-cart .cart-subtotal td, 
.woocommerce-cart .order-total td,
.woocommerce-checkout-review-order-table tr.cart-subtotal td, 
.woocommerce-checkout-review-order-table tr.order-total td {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
    display: block !important;
    border: none !important;
}

#retrait-message {
    display: none;
    margin-top: 8px;
    padding: 10px 14px;
    background-color: #eef2f6;
    border-left: 4px solid #446084;
    border-radius: 4px;
    font-size: 0.9em;
    color: #446084;
}




/* Harmonisation des en-têtes du tableau panier */
.woocommerce-cart-form th.product-name,
.woocommerce-cart-form th.product-quantity {
    color: #446084 !important;
}

#mr-shipping-progress-wrapper {
    margin-top: 20px;
}

/* En-têtes du tableau panier plus discrets */
.woocommerce-cart-form th {
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 1.5px !important;
    color: #aaaaaa !important;
    text-transform: uppercase !important;
    padding-bottom: 8px !important;
}

/* === COHÉRENCE GAUCHE / DROITE DU PANIER === */

table.shop_table.cart th.product-name,
table.shop_table.cart th.product-price,
table.shop_table.cart th.product-quantity,
table.shop_table.cart th.product-subtotal {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #446084 !important;
    padding-bottom: 10px !important;
}

table.shop_table.cart td.product-price .woocommerce-Price-amount {
    font-family: 'Nunito Sans', Arial, sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 400 !important;
    color: #446084 !important;
}

table.shop_table.cart td.product-subtotal .woocommerce-Price-amount {
    font-family: 'Nunito Sans', Arial, sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #f1ab5a !important;
}

table.shop_table.cart td.product-name a {
    color: #7a7a7a !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}


/* Masquer titre "Total panier" et ligne "Sous-total" dans le bloc de droite */
.cart_totals h2,
.cart_totals .cart-subtotal {
    display: none !important;
}



/* Sous-total sous les produits */
#mr-cart-subtotal-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
}

#mr-cart-subtotal-line .mr-subtotal-label {
    font-family: 'Raleway', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #446084;
}

#mr-cart-subtotal-line .mr-subtotal-amount {
    font-family: 'Nunito Sans', Arial, sans-serif;
    font-size: 15.5px;
    font-weight: 700;
    color: #f1ab5a;
}


/* Supprimer la ligne "Mise à jour panier" qui crée un espace indésirable */
.woocommerce-cart-form .shop_table tbody tr.nasa-no-border {
    display: none !important;
}

/* Supprimer la marge sous le tableau */
.woocommerce-cart-form .shop_table {
    margin-bottom: 0 !important;
}

/* === HIÉRARCHIE DES PRIX === */

/* Prix unitaire : gris discret, léger */
.woocommerce-cart-form td.product-price .woocommerce-Price-amount {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #9aacbf !important;
}

/* Sous-total par ligne : orange, bien visible */
.woocommerce-cart-form td.product-subtotal .woocommerce-Price-amount {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #f1ab5a !important;
}

/* Total général (droite) : plus grand, dominant */
.cart_totals .order-total td .woocommerce-Price-amount {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #f1ab5a !important;
}

/* === SOUS-TOTAL SOUS LES PRODUITS === */
#mr-cart-subtotal-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    margin: 0 !important;
}

#mr-cart-subtotal-line .mr-subtotal-label {
    font-family: 'Raleway', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #446084;
}

#mr-cart-subtotal-line .mr-subtotal-amount,
#mr-cart-subtotal-line .mr-subtotal-amount .woocommerce-Price-amount {
    font-family: 'Nunito Sans', Arial, sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #f1ab5a !important;
}

/* Sous-total par ligne : bleu */
.woocommerce-cart-form td.product-subtotal .woocommerce-Price-amount {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: #446084 !important;
}

/* Sous-total par ligne : bleu */
body table.shop_table.cart td.product-subtotal .woocommerce-Price-amount {
    color: #446084 !important;
}

/* Titre PANIER en haut à gauche */
#mr-panier-title-left {
    font-family: 'Raleway', sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #446084 !important;
    text-align: left !important;
    padding-bottom: 20px !important;
    margin: 0 !important;
}

/* ================================================================
   AÉRATION : MARGE INTERNE POUR L'ADRESSE ET LA NOTE
   ================================================================ */

/* 1. On ajoute du padding au conteneur de l'adresse */
.woocommerce-shipping-destination {
    text-align: center !important;
    width: 100% !important;
    display: none !important; /* Caché par défaut */
    
    /* L'aération demandée */
    padding: 20px 15px !important; 
    box-sizing: border-box !important;
}

/* 2. Affichage conditionnel (Colissimo sélectionné) */
.cart_totals:has(ul#shipping_method li:first-child input:checked) .woocommerce-shipping-destination {
    display: block !important;
    margin-top: 10px !important; /* Espace avec les boutons radio */
    background-color: #F8F8F8 !important; /* On s'assure qu'il reste dans le bloc gris */
}

/* 3. Style de la note informative */
.woocommerce-shipping-destination::after {
    content: "Vous pouvez changer votre adresse de livraison après avoir validé la commande";
    display: block;
    margin-top: 12px; /* Un peu plus d'espace sous l'adresse */
    font-size: 11px !important;
    font-style: italic !important;
    color: #999 !important;
    line-height: 1.5 !important;
    text-align: center !important;
}


/* ================================================================
   CORRECTION FINALE : ALIGNEMENT SOUS-TOTAL ET TOTAL
   ================================================================ */

/* 1. On force les lignes à se comporter comme des blocs flexibles */
.woocommerce-cart .cart-subtotal, 
.woocommerce-cart .order-total {
    display: flex !important;
    justify-content: space-between !important; /* Texte à gauche, Prix à droite */
    align-items: center !important;
    width: 100% !important;
    border: none !important;
    padding: 15px 0 !important;
}

/* 2. On nettoie les cellules (th et td) pour qu'elles ne fassent plus "tableau" */
.woocommerce-cart .cart-subtotal th, 
.woocommerce-cart .order-total th,
.woocommerce-cart .cart-subtotal td, 
.woocommerce-cart .order-total td {
    display: inline-block !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    line-height: 1 !important;
}

/* 3. On s'assure que le prix (td) est bien aligné à droite */
.woocommerce-cart .cart-subtotal td, 
.woocommerce-cart .order-total td {
    text-align: right !important;
}

/* ================================================================
   COULEUR BLEUE POUR LE PRIX DU SOUS-TOTAL
   ================================================================ */

.woocommerce-cart .cart-subtotal td,
.woocommerce-cart .cart-subtotal td span {
    color: #335d8a !important; /* Un bleu élégant et lisible */
    font-weight: bold !important;
}

/* Optionnel : si tu veux aussi que le mot "SOUS-TOTAL" soit en bleu */
.woocommerce-cart .cart-subtotal th {
    color: #335d8a !important;
}



#retrait-message {
    display: none;
    margin-top: 10px;
    padding: 10px 14px;
    background-color: #eef2f6;
    border-left: 4px solid #446084;
    font-size: 0.9em;
    color: #446084;
}

/* Titre PANIER aligné à gauche — desktop uniquement */
@media (min-width: 1025px) {
    .elementor-element-9fe21f7 .elementor-heading-title {
        text-align: left !important;
    }
}


/* ================================================================
   PAGE COMMANDE : MARGE SOUS LE BLOC DÉTAILS DE FACTURATION
   ================================================================ */
.woo-billing {
    margin-bottom: 30px !important;
}

/* ================================================================
   PAGE COMMANDE : SOUS-TOTAL ET TOTAL — TEXTE GAUCHE / PRIX DROITE
   ================================================================ */
.woocommerce-checkout-review-order-table tr.cart-subtotal,
.woocommerce-checkout-review-order-table tr.order-total {
    display: flex !important;
    justify-content: space-between !important; /* texte gauche, prix droite */
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important;
}

.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tr.order-total th {
    text-align: left !important;
    flex: 1 !important;
}

.woocommerce-checkout-review-order-table tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tr.order-total td {
    text-align: right !important;
    flex: 1 !important;
}

/* === Harmonisation des titres de section : style "Expédition" === */

.woocommerce-billing-fields > h3,
#order_review_heading {
    font-family: Raleway, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: rgb(68, 96, 132) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;

	padding: 15px 0 !important;
    margin: 0px 0 0 !important;
    border-bottom: 0 !important;
}



/* Sous-total et Total aux extrémités */
.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal,
.woocommerce-checkout-review-order-table tfoot tr.order-total {
    display: table-row !important;
}

.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tfoot tr.order-total th {
    display: table-cell !important;
    text-align: left !important;
    padding: 14px 20px !important;
    width: 50% !important;
}

.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    display: table-cell !important;
    text-align: right !important;
    padding: 14px 20px !important;
    width: 50% !important;
}


/* === Responsive - 3 étapes de commande (pleine largeur) === */

@media (max-width: 768px) {
    .mr-order-steps {
        padding: 15px 0 !important;
        width: 100% !important;
    }

    .mr-step {
        flex: 1 !important;
        padding: 0 5px !important;
        gap: 8px !important;
        flex-direction: column !important;
        text-align: center !important;
        justify-content: center !important;
    }
	
	/* === Responsive - Bloc Expédition/Commande pleine largeur sur mobile === */

@media (max-width: 768px) {
    .woocommerce-checkout-review-order-table tfoot tr.shipping td {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #shipping_method li {
        border-left: none !important;
        border-right: none !important;
    }
}
	
	@media (max-width: 768px) {

    /* La ligne entière en colonne centrée */
    table.variations tbody tr {
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Le th.label centré */
    table.variations tbody tr th.label {
        width: 100% !important;
        min-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 0 10px 0 !important;
        text-align: center !important;
    }

    /* Le td.value centré */
    table.variations tbody tr td.value {
        width: 100% !important;
        min-width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        padding: 0 !important;
    }

    /* Les swatches centrés */
    table.variations tbody tr td.value .nasa-attr-ux_wrap {
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    /* Guide des tailles aligné avec le label */
    #mr-guide-tailles-wrap {
        display: inline-flex !important;
        justify-content: center !important;
    }
}