/*
Theme Name: Hello Elementor Child
Theme URI: https://studionumerik.fr/
Description: Hello Elementor Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */


.shortcode-domicile, .shortcode-bureau {display:none;}

.image-accompagnement {
    border-radius: 8px !important;
}

dt.variation-Boisson, dt.variation-Dessert, dt.variation-Accompagnement {
    font-weight: bold;
}

/* .woocommerce-error li[data-id="delivery_time_frame"]{
    display: none;
} */

/* Le CSS du formulaire demande de devis est dans devis-plateaux.css */

/* Mini-panier évènementiel : Commander + Devis (bleu évènementiel) */
.gd-event-cart-footer-buttons {
    display: flex !important;
    flex-direction: row;
    gap: 12px;
    align-items: stretch;
    --event-btn-bg: var(--e-global-color-2eeb3f9, #031474);
    --event-btn-color: var(--e-global-color-c1fdfaa, #fff);
    --event-btn-hover-bg: var(--e-global-color-c1fdfaa, #fff);
    --event-btn-hover-color: var(--e-global-color-2eeb3f9, #031474);
}

.gd-event-cart-footer-buttons .elementor-button {
    flex: 1 1 calc(50% - 6px);
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.gd-event-cart-footer-buttons .elementor-button--checkout,
.gd-event-cart-footer-buttons .elementor-button--devis,
.gd-event-cart-footer-buttons .gd-event-cart-checkout,
.gd-event-cart-footer-buttons .gd-event-cart-devis {
    display: inline-flex !important;
    background-color: var(--event-btn-bg) !important;
    color: var(--event-btn-color) !important;
    border: 1px solid var(--event-btn-bg) !important;
    border-radius: 8px !important;
    overflow: hidden;
    padding: var(--checkout-button-padding, 10px 20px);
    font-family: var(--e-global-typography-primary-font-family, "Montserrat", sans-serif);
    font-size: var(--e-global-typography-primary-font-size, 16px);
    font-weight: var(--e-global-typography-primary-font-weight, 600);
    line-height: var(--e-global-typography-primary-line-height, 1.5em);
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.gd-event-cart-footer-buttons .elementor-button--checkout:hover,
.gd-event-cart-footer-buttons .elementor-button--checkout:focus,
.gd-event-cart-footer-buttons .elementor-button--devis:hover,
.gd-event-cart-footer-buttons .elementor-button--devis:focus,
.gd-event-cart-footer-buttons .gd-event-cart-checkout:hover,
.gd-event-cart-footer-buttons .gd-event-cart-checkout:focus,
.gd-event-cart-footer-buttons .gd-event-cart-devis:hover,
.gd-event-cart-footer-buttons .gd-event-cart-devis:focus {
    background-color: var(--event-btn-hover-bg) !important;
    color: var(--event-btn-hover-color) !important;
    border-color: var(--event-btn-bg) !important;
}

.gd-event-cart-footer-buttons .elementor-button .elementor-button-text {
    color: inherit;
}

/* Mini-panier évènementiel : bouton coupon (bleu évènementiel, surcharge kit Elementor) */
body.page-id-12615 .elementor-kit-10 .gd-event-cart-coupon button.button,
body.page-id-12615 .elementor-kit-10 .gd-event-cart-coupon button[name="apply_coupon"],
body.page-id-12615 .elementor-174 .elementor-element.elementor-element-59acd35 .gd-event-cart-coupon button.button,
body.page-id-12615 .gd-event-cart-coupon-btn {
    background-color: var(--e-global-color-2eeb3f9, #031474) !important;
    color: var(--e-global-color-c1fdfaa, #fff) !important;
    border-color: var(--e-global-color-2eeb3f9, #031474) !important;
}

body.page-id-12615 .elementor-kit-10 .gd-event-cart-coupon button.button:hover,
body.page-id-12615 .elementor-kit-10 .gd-event-cart-coupon button.button:focus,
body.page-id-12615 .elementor-kit-10 .gd-event-cart-coupon button[name="apply_coupon"]:hover,
body.page-id-12615 .elementor-kit-10 .gd-event-cart-coupon button[name="apply_coupon"]:focus,
body.page-id-12615 .elementor-174 .elementor-element.elementor-element-59acd35 .gd-event-cart-coupon button.button:hover,
body.page-id-12615 .elementor-174 .elementor-element.elementor-element-59acd35 .gd-event-cart-coupon button.button:focus,
body.page-id-12615 .gd-event-cart-coupon-btn:hover,
body.page-id-12615 .gd-event-cart-coupon-btn:focus {
    background-color: var(--e-global-color-c1fdfaa, #fff) !important;
    color: var(--e-global-color-2eeb3f9, #031474) !important;
    border-color: var(--e-global-color-2eeb3f9, #031474) !important;
}

/* =============================================================================
   CHECKOUT ÉVÈNEMENTIEL
   Classe body : gd-checkout-evenement  →  ajoutée dans functions.php
   Couleur     : bleu #031474            →  cantine inchangée (vert Gooddej)
   ============================================================================= */
body.gd-checkout-evenement {
    --gd-event-blue: #031474;
    --gd-event-white: #fff;
    --gd-event-blue-light: #eef0fb;
}

/* Titre page checkout (« Votre livraison gratuite ») — pas le footer */
body.gd-checkout-evenement .elementor-40 .elementor-widget-heading .elementor-heading-title {
    color: var(--gd-event-blue) !important;
}

/* Footer : texte toujours blanc */
body.gd-checkout-evenement .elementor-23,
body.gd-checkout-evenement .elementor-23 .elementor-heading-title,
body.gd-checkout-evenement .elementor-23 a,
body.gd-checkout-evenement .elementor-23 p,
body.gd-checkout-evenement .elementor-location-footer,
body.gd-checkout-evenement .elementor-location-footer .elementor-heading-title,
body.gd-checkout-evenement .elementor-location-footer a {
    color: var(--e-global-color-c1fdfaa, #fff) !important;
}

/* Widget checkout Elementor — variables (spécificité = Elementor post-40) */
body.gd-checkout-evenement .elementor-element-58d11ed {
    --sections-title-color: var(--gd-event-blue);
    --links-normal-color: var(--gd-event-blue);
    --links-hover-color: var(--gd-event-blue);
    --forms-buttons-border-color: var(--gd-event-blue);
}

body.gd-checkout-evenement .elementor-element-58d11ed .e-coupon-box {
    --links-normal-color: var(--gd-event-blue);
    --links-hover-color: var(--gd-event-blue);
}

/* Titres de section + liens (filet de sécurité) */
body.gd-checkout-evenement .elementor-widget-woocommerce-checkout-page .woocommerce h3,
body.gd-checkout-evenement .elementor-widget-woocommerce-checkout-page a {
    color: var(--gd-event-blue) !important;
}

body.gd-checkout-evenement .elementor-widget-woocommerce-checkout-page a:hover {
    color: var(--gd-event-blue) !important;
    opacity: 0.85;
}

/* Bouton Commander */
body.gd-checkout-evenement #place_order {
    background-color: var(--gd-event-blue) !important;
    color: var(--gd-event-white) !important;
    border-color: var(--gd-event-blue) !important;
}

body.gd-checkout-evenement #place_order:hover,
body.gd-checkout-evenement #place_order:focus {
    background-color: var(--gd-event-white) !important;
    color: var(--gd-event-blue) !important;
    border-color: var(--gd-event-blue) !important;
}

/* Bouton coupon */
body.gd-checkout-evenement .e-apply-coupon {
    background-color: var(--gd-event-blue) !important;
    color: var(--gd-event-white) !important;
    border-color: var(--gd-event-blue) !important;
}

body.gd-checkout-evenement .e-apply-coupon:hover,
body.gd-checkout-evenement .e-apply-coupon:focus {
    background-color: var(--gd-event-white) !important;
    color: var(--gd-event-blue) !important;
    border-color: var(--gd-event-blue) !important;
}

/* Blocs custom PHP : adresse de livraison */
body.gd-checkout-evenement .container-adresse-livraison i,
body.gd-checkout-evenement .container-adresse-livraison > div:first-child span {
    color: var(--gd-event-blue) !important;
}

body.gd-checkout-evenement .container-adresse-livraison .adresse-option:has(.fa-check) {
    background: var(--gd-event-blue-light) !important;
}

.container-adresse-livraison.gd-adresse-evenement i,
.container-adresse-livraison.gd-adresse-evenement > div:first-child span {
    color: #031474 !important;
}

.container-adresse-livraison.gd-adresse-evenement .adresse-option:has(.fa-check) {
    background: #eef0fb !important;
}

.container-adresse-livraison.gd-adresse-evenement .adresse-option .fa-check {
    color: #031474 !important;
}

/* Blocs custom PHP : créneau horaire visiteur */
body.gd-checkout-evenement p:has(#choix-heure-livraison-visiteur) i,
body.gd-checkout-evenement p:has(#choix-heure-livraison-visiteur) span {
    color: var(--gd-event-blue) !important;
}

/* ─── Galerie carousel produit (popup) ─────────────────────────────────────── */
.product-galery {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.product-galery .elementor-image-carousel-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.product-galery .swiper-slide-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.product-galery .swiper-slide-inner {
    line-height: 0;
    display: block;
}
/* Flèches de navigation */
.product-galery .elementor-swiper-button-prev,
.product-galery .elementor-swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    font-size: 25px;
    color: rgba(237, 237, 237, 0.9);
}
.product-galery .elementor-swiper-button-prev { left: 10px; }
.product-galery .elementor-swiper-button-next { right: 10px; }
/* Pagination */
.product-galery .swiper-pagination {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}
/* =============================================================================
   POPUP DÉTAILS PRODUIT — THÈME ÉVÈNEMENTIEL
   Classe gd-produit-evenement ajoutée par script.js sur /evenementiel/ uniquement
   ============================================================================= */
#elementor-popup-modal-939.gd-produit-evenement {
    --gd-produit-blue: #031474;
    --gd-produit-white: #fff;
    --gd-produit-blue-light: #eef0fb;
}

#elementor-popup-modal-939.gd-produit-evenement .elementor-939 .elementor-element-9bad3ad,
#elementor-popup-modal-939.gd-produit-evenement .product-title,
#elementor-popup-modal-939.gd-produit-evenement .product-title .elementor-heading-title,
#elementor-popup-modal-939.gd-produit-evenement .titre-descriptif .elementor-heading-title,
#elementor-popup-modal-939.gd-produit-evenement .titre-ingredients .elementor-heading-title,
#elementor-popup-modal-939.gd-produit-evenement .titre-allergenes .elementor-heading-title,
#elementor-popup-modal-939.gd-produit-evenement .product-price,
#elementor-popup-modal-939.gd-produit-evenement .product-price .elementor-heading-title {
    color: var(--gd-produit-blue) !important;
}

#elementor-popup-modal-939.gd-produit-evenement .section-ajout-panier {
    background-color: var(--gd-produit-blue-light) !important;
}

#elementor-popup-modal-939.gd-produit-evenement .qte-produit-moins .elementor-heading-title,
#elementor-popup-modal-939.gd-produit-evenement .qte-produit-plus .elementor-heading-title {
    color: var(--gd-produit-blue) !important;
}

#elementor-popup-modal-939.gd-produit-evenement .elementor-button {
    background-color: var(--gd-produit-blue) !important;
    color: var(--gd-produit-white) !important;
    border-color: var(--gd-produit-blue) !important;
}

#elementor-popup-modal-939.gd-produit-evenement .elementor-button:hover,
#elementor-popup-modal-939.gd-produit-evenement .elementor-button:focus {
    background-color: var(--gd-produit-white) !important;
    color: var(--gd-produit-blue) !important;
    border-color: var(--gd-produit-blue) !important;
}

#elementor-popup-modal-939.gd-produit-evenement .dialog-close-button i,
#elementor-popup-modal-939.gd-produit-evenement .dialog-close-button svg {
    color: var(--gd-produit-blue) !important;
    fill: var(--gd-produit-blue) !important;
}

#elementor-popup-modal-939.gd-produit-evenement .product-galery .elementor-swiper-button-prev,
#elementor-popup-modal-939.gd-produit-evenement .product-galery .elementor-swiper-button-next,
#elementor-popup-modal-939.gd-produit-evenement .product-galery .elementor-swiper-button-prev svg,
#elementor-popup-modal-939.gd-produit-evenement .product-galery .elementor-swiper-button-next svg {
    color: var(--gd-produit-blue) !important;
    fill: var(--gd-produit-blue) !important;
}

#elementor-popup-modal-939.gd-produit-evenement .loading-icon .elementor-icon,
#elementor-popup-modal-939.gd-produit-evenement .loading-icon .elementor-icon svg {
    color: var(--gd-produit-blue) !important;
    fill: var(--gd-produit-blue) !important;
}

/* ─────────────────────────────────────────────────────────────────────────── */

/* Barre catégories — scroll horizontal au drag */
.elementor-element-dad62e5 .e-con-inner,
.elementor-element-8bc1f5e .e-con-inner {
    touch-action: pan-x;
}

.elementor-element-dad62e5 .e-con-inner.gd-drag-scrolling,
.elementor-element-8bc1f5e .e-con-inner.gd-drag-scrolling {
    cursor: grabbing !important;
    user-select: none;
}