#shipping_method li label[for*='_chrono']{position:relative}

/* Liens appointment et relay : cachés par défaut, gérés par JS et .wc-pickup-relay-notice */
#shipping_method li .appointment-link { display: none; }
#shipping_method li input[type=radio]:checked ~ .appointment-link { display: block; }

.chronomap-text-loading,.ambientrelaismap-text-loading{color:#666}

.cart_totals tr.shipping th{color:#af7c7c!important;width:auto;font-weight:700!important;padding:3px 8px!important;white-space:normal}

#shipping_method label,.payment_methods label{color:#504e4e}

@-webkit-keyframes spin {

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@keyframes spin {

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

.container-method-chronorelay{height:100vh;margin-top:0;margin-bottom:0;max-height:768px;padding:10px;display:none}

.container-method-chronorelay table.sw-table{table-layout:fixed;border-collapse:collapse;width:100%}

.container-method-chronorelay table.sw-table tbody tr:nth-child(2n) td{background-color:transparent}

.container-method-chronorelay table.sw-table tbody td{padding:2px;background-color:transparent;font-size:15px}

.container-method-chronorelay table.sw-table tbody td:first-child{font-weight:700}

.container-method-chronorelay .marker-wrapper{max-width:430px}

.container-method-chronorelay .marker-title{padding:5px 0;font-weight:700}

.container-method-chronorelay .pickup-relay-title{margin-bottom:7px;font-weight:700}

.container-method-chronorelay .hours-section{margin-left:7px;padding-left:7px;float:left;width:calc(100% - 177px)}

.container-method-chronorelay .info-section{float:left;width:170px}

.container-method-chronorelay .button{border:0;background:#43454b!important;color:#fff!important;cursor:pointer;padding:10px;text-decoration:none;font-weight:600;text-shadow:none;display:inline-block;outline:0;-webkit-appearance:none;-webkit-font-smoothing:antialiased;border-radius:0}

.container-method-chronorelay .button:hover{background-color:#d5d5d5;border-color:#d5d5d5;color:#333}

@media(min-width:480px) {

.container-method-chronorelay .button{padding:10px 22px}

}

.container-method-chronorelay button.fancybox-close-small:hover{background-color:transparent}

.container-method-chronorelay h3{margin:0 0 10px;padding:0;line-height:24px;font-size:20px;font-weight:700}

.container-method-chronorelay .mappostalcode{margin-bottom:25px;padding:8px 0}

.container-method-chronorelay .sp-methods-chronorelais{height:200px;overflow:auto;box-shadow:inset 0 -10px 20px #f8f8f8}

.container-method-chronorelay .pickup-relays{list-style:none}

.container-method-chronorelay .pickup-relays li{line-height:25px;padding:0;margin:0}

.container-method-chronorelay .pickup-relays li:nth-child(odd) label{background-color:#f8f8f8}

.container-method-chronorelay .pickup-relays li input[type=radio]:first-child{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);position:absolute!important}

.container-method-chronorelay .pickup-relays li label{position:relative;padding:5px 5px 5px 30px}

.container-method-chronorelay .pickup-relays li label:before{content:"";position:absolute;left:5px;top:10px;-webkit-transition:border-color,ease,.2s;transition:border-color,ease,.2s;border:2px solid #6d6d6d;width:11px;height:11px;border-radius:50%}

.container-method-chronorelay .pickup-relays li input[type=radio]:first-child:checked+label{background:#f0f0f0}

.container-method-chronorelay .pickup-relays li input[type=radio]:first-child:checked+label:after{content:"";position:absolute;top:15px;left:10px;background:#6d6d6d;height:5px;width:5px;border-radius:50%;-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)}

.container-method-chronorelay .pickup-relays li input[type=radio]:first-child:hover+label:before{border-color:#000}

.container-method-chronorelay .pickup-relays li input[type=radio]:first-child:hover+label:after{background-color:#000}

.container-method-chronorelay .pickup-relays li input[type=radio]:first-child:active+label:after{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)}

.container-method-chronorelay .postcode-input{float:left;margin-right:10px}

.container-method-chronorelay .postcode-input input{max-width:100px}

.container-method-chronorelay p.chronorelais-explain{margin:0 0 10px;padding:0;line-height:25px;font-size:16px}

.container-method-chronorelay .pickup-relays{margin:0}

.container-method-chronorelay .button-center{text-align:center;padding:10px}

@media(min-width:768px) {

.container-method-chronorelay{width:calc(100vw - 80px);max-width:1024px;height:calc(100% - 88px);margin-top:44px;margin-bottom:44px;padding:24px}

.container-method-chronorelay .wrapper-methods-chronorelais{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:calc(100% - 200px);position:relative}

.container-method-chronorelay .wrapper-methods-chronorelais::before{height:1em;width:1em;display:block;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;content:'';-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url(../img/loader.svg) center center/cover;line-height:1;text-align:center;font-size:2em;color:rgba(0,0,0,.75);z-index:-1;opacity:0;-webkit-transition:opacity .5s ease-in,z-index 0 linear .5s;transition:opacity .5s ease-in,z-index 0 linear .5s}

.container-method-chronorelay .wrapper-methods-chronorelais .sp-methods-chronorelais.pickup-relay-selected{height:calc(100% - 65px)}

.container-method-chronorelay .wrapper-methods-chronorelais .sp-methods-chronorelais.pickup-relay-selected+.button-center{display:block}

.container-method-chronorelay .wrapper-methods-chronorelais .button-center{text-align:center;position:absolute;bottom:0;left:0;right:auto;width:30%;background:#fff;display:none}

.container-method-chronorelay .wrapper-methods-chronorelais .button-center .button{width:100%}

.container-method-chronorelay .wrapper-methods-chronorelais:after{content:"";background:rgba(255,255,255,.7);position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}

.container-method-chronorelay .wrapper-methods-chronorelais.chronopost-loading:before{z-index:6;opacity:.6;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}

.container-method-chronorelay .wrapper-methods-chronorelais.chronopost-loading:after{content:"";opacity:1;z-index:5}

.container-method-chronorelay .wrapper-methods-chronorelais .sp-methods-chronorelais{width:30%;margin-right:10px;height:100%;overflow:auto}

.container-method-chronorelay .wrapper-methods-chronorelais .sp-methods-chronorelais ul{list-style:none;margin:0;padding:0}

}

.chronomap,.chronorelaismap,.ambientmap{height:100%;width:100%;min-height:300px}

.chronorelaismap,.ambientrelaismap{margin-top:10px}

@media(min-width:768px) {

.chronorelaismap,.ambientrelaismap{margin-top:0;width:calc(70% - 10px)}

}

.container-method-chronoprecise{display:none}

.container-method-chronoprecise .button-center{position:absolute;bottom:0;left:0;right:0;display:none}

.container-method-chronoprecise .button-center .button{width:100%}

.container-method-chronoprecise.slot-selected .button-center{display:block}

@media(max-width:739px) {

.container-method-chronoprecise{height:100vh;max-width:100vw;margin:0}

}

.container-method-chronoprecise .rdvCarouselheader{margin:0 auto 10px}

.container-method-chronoprecise .rdvCarouselheader .carousel-control{color:#8f9091;font-weight:700}

.container-method-chronoprecise .rdvCarouselheader .carousel-control:not(:first-child){margin-left:10px}

.container-method-chronoprecise .rdvCarouselheader .carousel-control.inactive{opacity:.5}

.container-method-chronoprecise .global-mobile{width:100%;max-width:640px;margin:0 auto 20px;position:relative;padding-bottom:70px}

@media(min-width:740px) {

.container-method-chronoprecise .global-mobile{display:none}

}

.container-method-chronoprecise .global-mobile .header{width:auto}

.container-method-chronoprecise .global-mobile h1{font-size:16px;font-weight:400;margin-bottom:10px;text-align:left}

.container-method-chronoprecise .global-mobile .left{float:left}

.container-method-chronoprecise .global-mobile .right{float:right}

.container-method-chronoprecise .global-mobile .scroll{width:100%;overflow-y:hidden;overflow-x:auto}

.container-method-chronoprecise .global-mobile .scroll-v{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 270px);margin-bottom:20px;border-bottom:solid 1px #f3f3f3}

.container-method-chronoprecise .global-mobile .date-time{min-width:100%;border-collapse:collapse;margin-bottom:0}

.container-method-chronoprecise .global-mobile .date-time th{padding:10px 5px;text-align:center;min-width:80px;line-height:1.1}

.container-method-chronoprecise .global-mobile .date-row th{color:#fff;background-color:#8f9091;font-weight:400;border-left:solid 1px #fff;border-bottom:solid 1px #fff}

.container-method-chronoprecise .global-mobile .date-row th:first-child{border-left:0}

.container-method-chronoprecise .global-mobile .date-row th span{font-size:2.14em;display:block}

.container-method-chronoprecise .global-mobile .time-list{border-left:solid 1px #f3f3f3;border-right:solid 1px #f3f3f3;position:relative}

.container-method-chronoprecise .global-mobile .time-list ul{padding:0;margin:0}

.container-method-chronoprecise .global-mobile .time-list li{display:table;width:100%;border-bottom:solid 1px #f3f3f3;font-size:16px}

.container-method-chronoprecise .global-mobile .time-list li:last-child{border-bottom:0}

.container-method-chronoprecise .global-mobile .time-list li:nth-child(odd){background-color:#fafafa}

.container-method-chronoprecise .global-mobile .time-list li label{display:table-row!important;color:inherit!important;background:inherit!important}

.container-method-chronoprecise .global-mobile .time-list li.unavailable{background-color:#e6e6e7}

.container-method-chronoprecise .global-mobile .time-list li.unavailable .price-cell{font-size:.6em}

.container-method-chronoprecise .global-mobile .date-row th.active,.container-method-chronoprecise .global-mobile .time-list li.active{background-color:#250000!important;color:#fff!important}

.container-method-chronoprecise .global-mobile .eco{background-color:#e2f0e0}

.container-method-chronoprecise .global-mobile .time-cell{display:table-cell;width:30%;white-space:nowrap;padding:20px}

.container-method-chronoprecise .global-mobile .price-cell{display:table-cell;white-space:nowrap;padding:20px 60px 20px 20px;width:70%;text-align:right}

.container-method-chronoprecise .global-mobile .ic-eco{position:absolute;margin-left:10px}

.container-method-chronoprecise .global-mobile input{font-size:18px;padding:4px 30px;border:0;border-radius:4px;cursor:pointer}

.container-method-chronoprecise .global-desktop{display:none}

.container-method-chronoprecise .global-desktop nav{margin-top:-15px}

.container-method-chronoprecise .global-desktop .button-center{text-align:center;position:static;margin:-7px 0}

.container-method-chronoprecise .global-desktop .button-center .button{width:auto;margin-top:12px}

.container-method-chronoprecise .global-desktop table td,.container-method-chronoprecise .global-desktop table th{padding:8px 5px}

.container-method-chronoprecise .global-desktop table td.time-cell,.container-method-chronoprecise .global-desktop table th.time-cell{width:100px}

.container-method-chronoprecise .global-desktop table td.active,.container-method-chronoprecise .global-desktop table th.active{background-color:#d5d5d5}

.container-method-chronoprecise .global-desktop table td.incentive-flag,.container-method-chronoprecise .global-desktop table th.incentive-flag{background-color:#e2f0e0}

.container-method-chronoprecise .global-desktop table td.incentive-flag:after,.container-method-chronoprecise .global-desktop table th.incentive-flag:after{content:"";display:inline-block;margin-left:5px;background:url(../img/eco.png) 0 0/cover no-repeat;width:38.24px;height:11.18px;vertical-align:middle}

.container-method-chronoprecise .global-desktop .date-time td span{white-space:nowrap}

.container-method-chronoprecise .global-desktop .woocommerce-Price-amount{font-weight:700;font-size:.85em}

.container-method-chronoprecise .global-desktop .date-row th,.container-method-chronoprecise .global-desktop .time-cell{background-color:#8f9091;font-weight:400;color:#fff;border-bottom:solid 1px #fff;white-space:nowrap;text-align:center;line-height:1.1;vertical-align:middle}

.container-method-chronoprecise .global-desktop .time-cell{font-size:1.1em}

.container-method-chronoprecise .global-desktop .date-row th span{font-size:1.8em;display:block}

@media(min-width:740px) {

.container-method-chronoprecise .global-desktop{display:block}

}

.container-method-chronoprecise .global-desktop table{table-layout:fixed;min-width:640px;max-width:960px}

.container-method-chronoprecise .rdvCarouselContent .slide{display:none}

.container-method-chronoprecise .rdvCarouselContent .slide.slide-active{display:block}

#shipping_method li{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0 0 4px 0;padding:8px 12px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;position:relative;overflow:visible;z-index:2;width:100%}

#shipping_method li label:before{display:none!important}

#shipping_method li label:hover{color:#0070b5!important}

#shipping_method li label:hover:before{background-color:#f5f9fd!important;z-index:-1}

#shipping_method li input[type="radio"]:checked ~ label:before{display:none!important}

#shipping_method li input[type="radio"]:checked ~ label:hover{color:#0070b5!important}

body.woocommerce-cart .cart-collaterals{padding-left:14px;padding-right:14px}

/*#shipping_method label,.payment_methods label{font-size:14px!important}*/

.woocommerce-checkout-review-order .woocommerce-Price-amount,.est-delivery-label{color:#b10e0e}

#shipping_method li .shipping_method{margin-top:3px!important}

.vendor-name,.vendor-name{display:block;width:100%;padding-top:5px}

.woocommerce-checkout-review-order .shipping th{color:#af7c7c!important;font-size:15px;line-height:19px;width:auto;font-weight:700!important;padding:3px 8px!important;white-space:normal}

.woocommerce-checkout-review-order .shipping th:hover{color:#2271b1!important}

.container-method-chronoprecise .button-center .button::after{display:none}

span.pickup-relay-selected,.appointment-selected{display:block!important;margin-right:5px;margin-right:5px}

a.block-view{display:block!important;margin-right:15px}

.scroll1::-webkit-scrollbar{width:5px}

.scroll1::-webkit-scrollbar-track{background:#ddd}

.scroll1::-webkit-scrollbar-thumb{background:#666}

.scroll2::-webkit-scrollbar{width:5px}

.scroll2::-webkit-scrollbar-thumb{background:#666}

.scroll3::-webkit-scrollbar{width:5px}

.scroll3::-webkit-scrollbar-thumb{background:#ddd}

.scroll3::-webkit-scrollbar-track{background:#666}

.scroll4::-webkit-scrollbar{width:8px}

.scroll4::-webkit-scrollbar-thumb{background:#666;border-radius:20px}

.scroll4::-webkit-scrollbar-track{background:#ddd;border-radius:20px}

.scroll5::-webkit-scrollbar{width:10px}

.scroll5::-webkit-scrollbar-thumb{background:#666}

.scroll5::-webkit-scrollbar-track{background:#ddd}

.scroll5::-webkit-scrollbar-button{background:#666;height:10px;border-radius:50%}

.scroll1,.scroll2,.scroll3,.scroll4,.scroll5{scrollbar-width:thin;overflow-y:auto}

.mybtn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none!important}

.mybtn-sm{padding:.1rem .3rem!important;font-size:.865rem!important;line-height:1.2!important;border-radius:.2rem!important}

.secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}

.secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62;text-decoration:none}

.chrono-edit-item:before{content:"\f464";position:relative;transition:color .1s ease-in-out;float:left;font-family:'dashicons';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:none!important;margin-right:2px}

.prev,.next{display:none}

.mob-time-cell{text-align:center}

.mob-time-cell .time-table,.mob-time-cell small{display:block;width:100%}

.mob-time-cell small{font-size:.6em;color:#891717}

.calculated_shipping .wochrono-table tr.fee th{width:100%}

@media(max-width:767px) {

.fancybox-container .mappostalcode{text-align:center}

.fancybox-container .postcode-input{width:100%;float:none;text-align:center}

.fancybox-container .postcode-input .input-text{width:48%;max-width:155px}

.fancybox-container .sp-methods-chronorelais{border:1px solid #ddd;padding:5px;border-radius:5px}

.fancybox-container .button:hover{color:#ddd!important;background-color:#768ca7!important}

.prev,.next{cursor:pointer;position:absolute;top:12.5%;width:auto;padding:5px;color:#fff;font-weight:700;font-size:12px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;display:block;text-decoration:none;line-height:1.5;background-color:rgba(121,121,121,1)!important}

.next{right:0;border-radius:3px 0 0 3px}

.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8)!important}

.global-mobile .time-list li.precise-mobile-view label.active{background-color:#250000!important;color:#fff!important}

}

/* ========================================= */

.calculated_shipping .woocommerce-shipping-totals.shipping th{
    text-align: start;
}
.calculated_shipping .woocommerce-shipping-totals.shipping td{
    max-width: 190px !important;
    vertical-align: middle;
}

/* -------------------------------------------------------
   Bloc "Sélectionnez un relais colis" — style WooCommerce
   natif, s'adapte au thème actif via les variables CSS WC
------------------------------------------------------- */

/* Conteneur inline dans le <li> de la méthode relais */
.wc-pickup-relay-notice {
    display: none; /* caché par défaut */
    width: 100%;   /* pleine largeur pour passer sous le label */
    clear: both;
    margin-top: 8px;
    padding-top: 4px;
}

/* L'input radio : ne grandit pas */
#shipping_method li input[type="radio"] {
    flex-shrink: 0;
}

/* Le label prend l'espace restant sur la ligne */
#shipping_method li label {
    flex: 1;
}

/* Le bloc relais passe sur la ligne suivante, pleine largeur */
#shipping_method li .wc-pickup-relay-notice {
    flex-basis: 100%;
    margin-left: 0;
}

/* Afficher uniquement quand la méthode relais est cochée (CSS fallback) */
#shipping_method li input[type="radio"]:checked ~ .wc-pickup-relay-notice {
    display: block;
}

/* Style du lien : reprend les couleurs natives WooCommerce / variables CSS du thème */
.wc-pickup-relay-notice a.pickup_relay_link {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.85em;
    font-weight: 600;
    color: #0070b5;
    background-color: transparent;
    border: 1px solid currentColor;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s, background-color 0.2s;
    line-height: 1.5;
}

.wc-pickup-relay-notice a.pickup_relay_link:hover,
.wc-pickup-relay-notice a.pickup_relay_link:focus {
    color: #fff;
    background-color: #0070b5;
    outline: none;
}

/* Icône pin devant le texte */
.wc-pickup-relay-notice a.pickup_relay_link::before {
    content: "\1F4CD"; /* 📍 */
    margin-right: 4px;
    font-style: normal;
}

/* Compatibilité Storefront / TwentyTwenty-X qui n'ont pas --wc-highlight */
@supports not (color: var(--wc-highlight)) {
    .wc-pickup-relay-notice a.pickup_relay_link {
        color: #7f54b3;
        border-color: #7f54b3;
    }
    .wc-pickup-relay-notice a.pickup_relay_link:hover {
        background-color: #005a96;
    }
}

/* -------------------------------------------------------
   Bloc relais — état APRÈS sélection (nom + bouton modifier)
   Même style adaptatif thème WooCommerce
------------------------------------------------------- */

/* Nom du relais sélectionné */
.wc-pickup-relay-notice .pickup-relay-selected,
.wc-pickup-relay-notice span[class*="-selected"] {
    display: inline-block;
    font-weight: 600;
    font-size: 0.9em;
    color: #333;
    vertical-align: middle;
}

/* Icône coche devant le nom */
.wc-pickup-relay-notice span[class*="-selected"]::before {
    content: "✓ ";
    color: #0070b5;
}

/* Bouton "Modifier" (chrono-edit-item) */
.wc-pickup-relay-notice a.chrono-edit-item {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    font-size: 0.78em;
    font-weight: 500;
    color: #0070b5;
    background: transparent;
    border: 1px solid currentColor;
    border-radius: 3px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    transition: color 0.2s, background-color 0.2s;
}

.wc-pickup-relay-notice a.chrono-edit-item:hover,
.wc-pickup-relay-notice a.chrono-edit-item:focus {
    color: #fff;
    background-color: #0070b5;
    outline: none;
}

/* Icône crayon devant "Modifier" */
.wc-pickup-relay-notice a.chrono-edit-item::before {
    content: "✎ ";
    font-style: normal;
}

/* =====================================================
   Méthodes de livraison — style Chronopost moderne
===================================================== */
#shipping_method li:has(input[type="radio"]:checked) {
    border-color: #0070b5 !important;
    background: #f0f7ff !important;
    box-shadow: 0 0 0 2px rgba(0,112,181,.15) !important;
}

/* Nom de la méthode */
#shipping_method li label {
    font-size: 13px;
    line-height: 1.5;
    color: #1e293b;
    font-weight: 500;
}

/* Méthode sélectionnée : texte en bleu */
#shipping_method li input[type="radio"]:checked ~ label {
    color: #0070b5 !important;
    font-weight: 600 !important;
}

/* Bouton Sélectionner un relais : pleine largeur + bleu solide */
.wc-pickup-relay-notice a.pickup_relay_link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px 16px !important;
    background: #0070b5 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-top: 6px !important;
    transition: background .15s !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
    pointer-events: all !important;
    cursor: pointer !important;
}
.wc-pickup-relay-notice a.pickup_relay_link:hover {
    background: #005a96 !important;
    color: #fff !important;
}
.wc-pickup-relay-notice a.pickup_relay_link::before {
    content: "📦 " !important;
}

/* =====================================================
   Bloc livraison checkout — largeur complète
===================================================== */

/* La cellule td doit occuper tout l'espace disponible */
.woocommerce-shipping-totals td {
    width: 100% !important;
    padding: 0 !important;
}
.woocommerce-shipping-totals th {
    white-space: nowrap;
    vertical-align: top;
    padding-top: 14px !important;
}

/* La liste de méthodes : pleine largeur */
ul.woocommerce-shipping-methods {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Chaque méthode : carte pleine largeur */
#shipping_method li {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* =====================================================
   Titre de groupe de livraison — au-dessus des méthodes
===================================================== */
.woochrono-shipping-title {
    background: #f8fafc !important;
    border-bottom: 2px solid #0070b5 !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
    text-align: left !important;
    letter-spacing: .3px;
}

.woochrono-shipping-td {
    padding: 8px 0 !important;
    width: 100% !important;
}

.woochrono-shipping-methods-row td {
    padding: 6px 0 !important;
}


/* === FANCYBOX : Bouton fermeture bien visible + fond cliquable === */

/* Bouton × en haut à droite : toujours visible */
.fancybox-button--close,
.fancybox-close-small {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99999 !important;
    background: rgba(30,30,30,.6) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    top: 8px !important;
    right: 8px !important;
    position: absolute !important;
    cursor: pointer !important;
    transition: background .2s !important;
    align-items: center !important;
    justify-content: center !important;
}
.fancybox-button--close:hover,
.fancybox-close-small:hover {
    background: rgba(0,0,0,.85) !important;
}
.fancybox-button--close svg path,
.fancybox-close-small svg path {
    stroke: #fff !important;
    fill: #fff !important;
}

/* Fond fancybox : autoriser le clic pour fermer */
.fancybox-bg {
    background: rgba(0,0,0,.75) !important;
    cursor: pointer !important;
    pointer-events: all !important;
}

/* S'assurer que la slide fancybox est au-dessus du fond */
.fancybox-slide {
    z-index: 99998 !important;
}
.fancybox-container {
    z-index: 100000 !important;
}

/* Permettre la fermeture par clic sur le fond
   (overrider clickSlide:false via JS event) */
.fancybox-outer,
.fancybox-bg {
    cursor: pointer !important;
}

/* === NOTICE POINT RELAIS (page confirmation commande) === */
.woochrono-relay-notice,
.woochrono-relay-notice * {
    color: #fff !important;
}
/* Masquer l'icône ✓ ou ⚠ générée par le thème */
.woochrono-relay-notice::before,
.woochrono-relay-notice > .button::before {
    display: none !important;
}

/* === PAGE CONFIRMATION — SPLIT COMMANDES WooChrono === */
.woochrono-split-summary {
    font-family: inherit;
}
.woochrono-suborder-block {
    transition: box-shadow .15s;
}
.woochrono-suborder-block:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.woochrono-suborder-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.woochrono-suborder-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
/* Responsive : une colonne sur mobile */
@media (max-width: 600px) {
    .woochrono-suborder-body {
        grid-template-columns: 1fr;
    }
}
.woochrono-suborder-body address {
    font-style: normal;
    font-size: 13px;
    line-height: 1.7;
    color: #334155;
    background: #f8fafc;
    border-radius: 6px;
    padding: 10px 12px;
    margin: 0;
}


/* ════════════════════════════════════════════════════════════════════
   COMPATIBILITÉ FUNNELKIT CHECKOUT / AERO
   ════════════════════════════════════════════════════════════════════ */

/* Forcer l'affichage du bouton relais dans les shipping methods FunnelKit */
.wffn_checkout_form .woochrono-relay-select,
.wffn_checkout_form .chronopost-select-relay,
.wffn_checkout_form [class*="chrono-show"],
.wfacp_main_form .woochrono-relay-select,
.wfacp_main_form .chronopost-select-relay,
.wfacp_main_form [class*="chrono-show"] {
    display: inline-block !important;
    margin: 8px 0 !important;
    visibility: visible !important;
}

/* Assurer l'affichage du récap relais sélectionné */
.wffn_checkout_form .woochrono-relay-selected,
.wfacp_main_form .woochrono-relay-selected,
.wffn_checkout_form .chronopost-selected-relay,
.wfacp_main_form .chronopost-selected-relay {
    display: block !important;
    margin-top: 6px !important;
    font-size: 13px;
}

/* Z-index de la popup Fancybox au-dessus du layout FunnelKit */
.fancybox-overlay,
.fancybox-container {
    z-index: 999999 !important;
}

/* FunnelKit Sliding Cart : cacher le bouton relais dans le mini-panier */
.fkcart-modal .woochrono-relay-select,
.fkcart-modal .chronopost-select-relay {
    display: none !important;
}

/* ─────────────────────────────────────────────────────────────
   NEUTRALISATION WooChrono sur FunnelKit (Cart, Aero, Checkout)
   ───────────────────────────────────────────────────────────── */

/* ─────────────────────────────────────────────────────────────
   FUNNELKIT CHECKOUT — Design 100% natif FunnelKit
   
   PHILOSOPHIE : ne PAS toucher au design natif FunnelKit.
   Aucune neutralisation, aucun override sur les bordures,
   fonds, padding, flex ou radius. FunnelKit gère tout.
   
   Seule intervention WooChrono : styliser le bouton 
   "Sélectionnez un relais colis" injecté dynamiquement.
   ───────────────────────────────────────────────────────────── */

/* SHIPPING LABEL ENHANCER — doublon adresse relais
   
   Sur la page Expédition FunnelKit (.wfacp_shipping_table), WooChrono
   affiche DÉJÀ un bloc natif avec l'adresse du relais sélectionné et
   le bouton "Modifier le relais". On doit donc cacher notre ajout
   .woochrono-selected-relay-info uniquement dans ce contexte pour
   éviter l'affichage en double.
   
   Sur la page Paiement FunnelKit (récap Méthode dans une autre table),
   le bloc natif n'apparaît pas → notre ajout reste visible et utile. */
.wfacp_shipping_table .woochrono-selected-relay-info {
    display: none !important;
}

/* Annulation du style "méthode sélectionnée" WooChrono UNIQUEMENT sous FunnelKit.
   La règle #shipping_method li:has(input:checked) { border/background/shadow }
   définie plus haut dans ce fichier ne doit pas s'appliquer sous FunnelKit
   pour laisser FunnelKit gérer son propre rendu natif. */
.wfacp_main_form #shipping_method li:has(input[type="radio"]:checked),
.wffn_checkout_form #shipping_method li:has(input[type="radio"]:checked),
.wfacp-checkout-page #shipping_method li:has(input[type="radio"]:checked),
body.woochrono-funnelkit-active #shipping_method li:has(input[type="radio"]:checked) {
    border-color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Idem pour le texte du label en bleu lorsque checked */
.wfacp_main_form #shipping_method li input[type="radio"]:checked ~ label,
.wffn_checkout_form #shipping_method li input[type="radio"]:checked ~ label,
.wfacp-checkout-page #shipping_method li input[type="radio"]:checked ~ label,
body.woochrono-funnelkit-active #shipping_method li input[type="radio"]:checked ~ label {
    color: inherit !important;
    font-weight: inherit !important;
}

/* ═══════════════════════════════════════════════════════════════
   Lien "Sélectionnez un relais colis"
   - caché par défaut
   - visible UNIQUEMENT quand la méthode Point Relais est sélectionnée
   - style de bouton discret, pas pleine largeur
═══════════════════════════════════════════════════════════════ */
body .wfacp_main_form .pickup-relay-link,
body .wffn_checkout_form .pickup-relay-link,
body .wfacp-checkout-page .pickup-relay-link,
body.woochrono-funnelkit-active .pickup-relay-link,
body .wfacp_main_form .chronoralise_link_block,
body .wffn_checkout_form .chronoralise_link_block,
body.woochrono-funnelkit-active .chronoralise_link_block {
    display: none !important;
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 10px 0 0 28px !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    min-height: 0 !important;
    height: auto !important;
    text-align: left !important;
    color: inherit !important;
    font-size: 13px !important;
}
/* Visible UNIQUEMENT quand la méthode Point Relais est sélectionnée */
body .wfacp_main_form .woocommerce-shipping-methods > li.wfacp_single_shipping_method:has(input[type="radio"]:checked) .pickup-relay-link,
body .wffn_checkout_form .woocommerce-shipping-methods > li.wfacp_single_shipping_method:has(input[type="radio"]:checked) .pickup-relay-link,
body.woochrono-funnelkit-active .woocommerce-shipping-methods > li.wfacp_single_shipping_method:has(input[type="radio"]:checked) .pickup-relay-link {
    display: block !important;
}

/* Le lien lui-même : style de BOUTON discret, pas un lien nu */
body .wfacp_main_form .pickup-relay-link a,
body .wffn_checkout_form .pickup-relay-link a,
body .wfacp-checkout-page .pickup-relay-link a,
body.woochrono-funnelkit-active .pickup-relay-link a,
body .wfacp_main_form .pickup_relay_link,
body .wffn_checkout_form .pickup_relay_link,
body.woochrono-funnelkit-active .pickup_relay_link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #f0f7ff !important;
    background-image: none !important;
    background-color: #f0f7ff !important;
    padding: 8px 14px !important;
    margin: 0 !important;
    border: 1px solid #0070b5 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    width: auto !important;
    color: #0070b5 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1.4 !important;
    min-height: 0 !important;
    height: auto !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
}
body .wfacp_main_form .pickup-relay-link a:hover,
body .wffn_checkout_form .pickup-relay-link a:hover,
body.woochrono-funnelkit-active .pickup-relay-link a:hover,
body.woochrono-funnelkit-active .pickup_relay_link:hover {
    background: #0070b5 !important;
    background-color: #0070b5 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-color: #005a92 !important;
}