:root {
    --xt-orange: #FF6B00;
    --xt-orange-dark: #E85D00;
    --xt-navy: #1A1A2E;
    --xt-pill: 80px;
}

/* --- Logo d'en-tête ---
   Elementor génère une règle par élément (.elementor-element-xxx img) ;
   le !important est le seul moyen de la surcharger sans toucher à la base. */
.elementor-widget-theme-site-logo img,
.elementor-widget-site-logo img {
    width: 9em !important;
    max-width: 100%;
    height: auto;
}

@media (max-width: 1024px) {
    .elementor-widget-theme-site-logo img,
    .elementor-widget-site-logo img {
        width: 8em !important;
    }
}

@media (max-width: 767px) {
    .elementor-widget-theme-site-logo img,
    .elementor-widget-site-logo img {
        width: 155px !important;
    }
}

/* --- Boutons Elementor ---
   Le kit les sort en blanc bordé ; on les remplit d'orange en gardant
   la forme pilule qui fait partie du design existant. */
.elementor-button,
.elementor-button-link {
    background-color: var(--xt-orange) !important;
    color: #fff !important;
    border-color: var(--xt-orange) !important;
    transition: background-color .25s ease, border-color .25s ease,
                transform .25s ease, box-shadow .25s ease;
}

.elementor-button:hover,
.elementor-button:focus,
.elementor-button-link:hover {
    background-color: var(--xt-orange-dark) !important;
    color: #fff !important;
    border-color: var(--xt-orange-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(255, 107, 0, .32);
}

/* Le panier et la recherche de l'en-tête restent des icônes, pas des boutons */
.elementor-menu-cart__toggle .elementor-button,
.elementor-widget-theme-site-search .elementor-button {
    background-color: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
    box-shadow: none;
}
.elementor-menu-cart__toggle .elementor-button:hover,
.elementor-widget-theme-site-search .elementor-button:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--xt-orange) !important;
    transform: none;
    box-shadow: none;
}

/* --- Boutons WooCommerce --- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .checkout-button,
.wp-block-button__link {
    background-color: var(--xt-orange);
    color: #fff;
    border: 1px solid var(--xt-orange);
    border-radius: var(--xt-pill);
    padding: 14px 32px;
    font-weight: 600;
    transition: background-color .25s ease, border-color .25s ease,
                transform .25s ease, box-shadow .25s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .checkout-button:hover,
.wp-block-button__link:hover {
    background-color: var(--xt-orange-dark);
    color: #fff;
    border-color: var(--xt-orange-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(255, 107, 0, .32);
}

/* --- Prix & badges --- */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins {
    color: var(--xt-orange);
    font-weight: 700;
}

.woocommerce span.onsale {
    background-color: var(--xt-orange);
    color: #fff;
}

/* --- Cartes produit ---
   Restreint aux .product : le bandeau d'annonces de l'en-tête est lui aussi
   un .e-loop-item et ne doit pas se soulever au survol. */
.woocommerce ul.products li.product,
.elementor-loop-container .e-loop-item.product {
    transition: transform .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover,
.elementor-loop-container .e-loop-item.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(255, 107, 0, .14);
}

/* --- Bandeau d'annonces de l'en-tête (Klarna, livraison…) ---
   Le conteneur 8723642 du header 48 sort en noir via --e-global-color-primary. */
.elementor-element-8723642 {
    background-color: var(--xt-orange) !important;
}
/* Texte en bleu nuit plutôt qu'en blanc : sur l'orange, le contraste passe
   de ~3:1 à ~5,2:1, au-dessus du seuil WCAG AA pour ce corps de 13px. */
.elementor-element-8723642 .elementor-heading-title,
.elementor-element-8723642 .elementor-swiper-button,
.elementor-element-8723642 .elementor-swiper-button i,
.elementor-element-8723642 .elementor-swiper-button svg {
    color: var(--xt-navy) !important;
    fill: var(--xt-navy) !important;
    font-weight: 600;
    -webkit-text-stroke-color: var(--xt-navy);
    stroke: var(--xt-navy);
}

/* En grille, le bouton d'ajout reste discret et s'allume au survol */
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_variable {
    background-color: var(--xt-navy);
    border-color: var(--xt-navy);
    padding: 10px 22px;
    font-size: .9em;
}
.woocommerce ul.products li.product a.button.add_to_cart_button:hover,
.woocommerce ul.products li.product a.button.product_type_variable:hover {
    background-color: var(--xt-orange);
    border-color: var(--xt-orange);
}

/* --- Navigation --- */
.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a,
.elementor-nav-menu li > a:hover {
    color: var(--xt-orange);
}

/* --- Formulaires --- */
.woocommerce .quantity .qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.elementor-field-textual {
    border: 1px solid #dcdce4;
    border-radius: 6px;
}
.woocommerce .quantity .qty:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.elementor-field-textual:focus {
    border-color: var(--xt-orange);
    box-shadow: 0 0 0 3px rgba(255, 107, 0, .15);
    outline: none;
}

/* --- Onglets, notes, fil d'Ariane --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--xt-orange);
}
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before {
    color: var(--xt-orange);
}
.woocommerce-breadcrumb a:hover,
.rank-math-breadcrumb a:hover {
    color: var(--xt-orange);
}

/* Bandeaux d'information WooCommerce */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
    border-top-color: var(--xt-orange);
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before {
    color: var(--xt-orange);
}

@media (prefers-reduced-motion: reduce) {
    .elementor-button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce ul.products li.product,
    .elementor-loop-container .e-loop-item {
        transition: none;
    }
    .elementor-button:hover,
    .woocommerce a.button:hover,
    .woocommerce ul.products li.product:hover,
    .elementor-loop-container .e-loop-item:hover {
        transform: none;
    }
}