/* ═══════════════════════════════════════════════
   ANW DAMBE — CSS PREMIUM v3.0
   Bogolan contemporain · Artisanat malien
   Thème enfant Blocksy
═══════════════════════════════════════════════ */

/* ── CSS Variables ── */
:root {
  --ad-terra: #A63A20;
  --ad-terra-light: #C4522E;
  --ad-creme: #F0E8D0;
  --ad-creme-dark: #E2D5B8;
  --ad-brun: #7B4A2D;
  --ad-dark: #0E0C0A;
  --ad-dark-2: #1A1612;
  --ad-charbon: #2C2520;
  --ad-muted: #8A7E72;
  --ad-serif: 'Playfair Display', Georgia, serif;
  --ad-sans: 'DM Sans', Inter, sans-serif;
}

/* ═══════════════════════════════════════════════
   1. GLOBAL — Fond sombre et typographie
═══════════════════════════════════════════════ */

html body {
  background-color: #0E0C0A !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  color: #F0E8D0 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

html body .elementor,
html body .elementor-section,
html body .elementor-container,
html body .elementor-column,
html body .elementor-widget-wrap,
html body .elementor-widget-container {
  background-color: transparent !important;
}

/* Force le fond sombre sur le body même sous Elementor */
html body.elementor-page,
html body.page-template-default,
html body.home,
html body #page,
html body .site,
html body #content,
html body .ct-container,
html body [data-elementor-type="wp-page"],
html body [data-elementor-type="wp-post"] {
  background-color: #0E0C0A !important;
}

/* Tous les textes en DM Sans + crème */
html body .elementor *,
html body .elementor-widget-container,
html body .elementor-widget-container *,
html body .elementor p,
html body .elementor span,
html body .elementor li,
html body .elementor div,
html body .elementor-text-editor,
html body .elementor-widget-text-editor,
html body .elementor-widget-text-editor *,
html body .elementor-icon-list-item,
html body .elementor-icon-list-text {
  font-family: 'DM Sans', Inter, sans-serif !important;
}

/* Couleur crème sur tous les textes */
html body .elementor-widget-container p,
html body .elementor-widget-container span,
html body .elementor-widget-container li,
html body .elementor-widget-container div:not(.elementor-button):not(.elementor-icon),
html body .elementor-text-editor *,
html body .elementor-widget-text-editor *,
html body .elementor-tab-content,
html body .elementor-toggle-item,
html body .elementor-accordion-item {
  color: #F0E8D0 !important;
}

/* ═══════════════════════════════════════════════
   2. TITRES — Playfair Display
═══════════════════════════════════════════════ */

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .elementor h1,
html body .elementor h2,
html body .elementor h3,
html body .elementor h4,
html body .elementor h5,
html body .elementor h6,
html body .elementor-heading-title,
html body .elementor-heading-title *,
html body h1.elementor-heading-title,
html body h2.elementor-heading-title,
html body h3.elementor-heading-title,
html body h4.elementor-heading-title,
html body .elementor-widget-heading .elementor-heading-title,
html body h1 *,
html body h2 *,
html body h3 *,
html body h4 * {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #ffffff !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

/* Poids spécifiques par niveau */
html body h1.elementor-heading-title,
html body .elementor h1 {
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
}

html body h2.elementor-heading-title,
html body .elementor h2 {
  font-weight: 700 !important;
  letter-spacing: -0.005em !important;
}

html body h3.elementor-heading-title,
html body .elementor h3 {
  font-weight: 600 !important;
  font-size: 20px !important;
}

html body h4.elementor-heading-title,
html body .elementor h4 {
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #C4522E !important;
}

/* ═══════════════════════════════════════════════
   3. SECTIONS — Fond sombre alterné
═══════════════════════════════════════════════ */

html body .elementor-section,
html body .elementor-top-section,
html body .elementor-inner-section {
  background-color: #0E0C0A !important;
  border-bottom: 1px solid rgba(166, 58, 32, 0.06) !important;
}

html body .elementor-top-section:nth-child(even),
html body .elementor-inner-section:nth-child(even) {
  background-color: #1A1612 !important;
}

/* ═══════════════════════════════════════════════
   4. NAVBAR / HEADER
═══════════════════════════════════════════════ */

html body #masthead,
html body .ct-header,
html body header.site-header,
html body .site-header,
html body [data-header],
html body header[data-id],
html body .ct-header-custom {
  background: #0E0C0A !important;
  border-bottom: 1px solid rgba(166, 58, 32, 0.35) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}

html body .ct-menu > ul > li > a,
html body .nav-links a,
html body .main-navigation a,
html body .ct-header .ct-menu a,
html body #primary-menu a,
html body .menu-item a {
  color: #8A7E72 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  transition: color 0.25s ease !important;
}

html body .ct-menu > ul > li > a:hover,
html body .ct-header .ct-menu a:hover,
html body .menu-item a:hover,
html body .current-menu-item > a {
  color: #F0E8D0 !important;
}

html body .site-title a,
html body .ct-site-title a,
html body .site-branding a {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #F0E8D0 !important;
  font-size: 18px !important;
  letter-spacing: 0.06em !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* ═══════════════════════════════════════════════
   5. HERO SLIDER XPRO — Fix images de fond
═══════════════════════════════════════════════ */

html body .xpro-hero-slider-wrapper,
html body .xpro-hero-slider,
html body [class*="xpro-hero-slider"] {
  min-height: 90vh !important;
  width: 100% !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
}

html body .xpro-hero-slider-slide-bg {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  z-index: 0 !important;
}

html body .swiper-slide,
html body .xpro-hero-slider .swiper-slide {
  min-height: 90vh !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: #0E0C0A !important;
}

html body .xpro-hero-slider-content,
html body .xpro-hero-slider-content-wrapper {
  position: relative !important;
  z-index: 2 !important;
}

html body .xpro-hero-slider-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}

html body .xpro-hero-slider-subtitle,
html body .xpro-hero-slider-description,
html body .xpro-hero-slider-description p {
  font-family: 'DM Sans', Inter, sans-serif !important;
  color: #F0E8D0 !important;
}

/* Overlay gradient sur le hero */
html body .elementor-background-overlay {
  background: linear-gradient(
    105deg,
    rgba(14, 12, 10, 0.90) 0%,
    rgba(14, 12, 10, 0.55) 55%,
    rgba(166, 58, 32, 0.10) 100%
  ) !important;
  opacity: 1 !important;
}

/* ═══════════════════════════════════════════════
   6. BOUTONS — Terracotta
═══════════════════════════════════════════════ */

html body .elementor-button,
html body .elementor-button-link,
html body a.elementor-button,
html body .elementor-button-wrapper .elementor-button,
html body .elementor-button-wrapper a,
html body .elementor-size-sm,
html body .elementor-size-md,
html body .elementor-size-lg,
html body .woocommerce a.button,
html body .woocommerce button.button,
html body .woocommerce input.button,
html body .woocommerce #respond input#submit,
html body .woocommerce button.button.alt,
html body .woocommerce a.button.alt,
html body .single_add_to_cart_button,
html body #place_order,
html body .wpforms-submit,
html body button.wpforms-submit,
html body .xpro-elementor-button,
html body .xpro-btn {
  background: #A63A20 !important;
  color: #F0E8D0 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 36px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1.2) !important;
  position: relative !important;
  overflow: hidden !important;
}

html body .elementor-button:hover,
html body a.elementor-button:hover,
html body .woocommerce a.button:hover,
html body .woocommerce button.button:hover,
html body .single_add_to_cart_button:hover,
html body #place_order:hover,
html body .wpforms-submit:hover,
html body .xpro-btn:hover {
  background: #7B4A2D !important;
  color: #F0E8D0 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(166, 58, 32, 0.25) !important;
}

/* Bouton outline / secondaire */
html body .elementor-button.elementor-button-outline,
html body .elementor-button.elementor-button-secondary {
  background: transparent !important;
  border: 1px solid #A63A20 !important;
  color: #F0E8D0 !important;
}

html body .elementor-button.elementor-button-outline:hover,
html body .elementor-button.elementor-button-secondary:hover {
  background: #A63A20 !important;
  border-color: #A63A20 !important;
}

/* ═══════════════════════════════════════════════
   7. ICÔNES — Section "Pourquoi Anw Dambé"
═══════════════════════════════════════════════ */

html body .elementor-icon-box-title,
html body .elementor-icon-box-title *,
html body .elementor-icon-box .elementor-icon-box-title {
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #F0E8D0 !important;
  font-weight: 500 !important;
}

html body .elementor-icon-box-description,
html body .elementor-icon-box .elementor-icon-box-description {
  color: #8A7E72 !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
}

html body .elementor-icon i,
html body .elementor-icon svg,
html body .elementor-view-default .elementor-icon i,
html body .elementor-view-default .elementor-icon svg {
  color: #A63A20 !important;
  fill: #A63A20 !important;
}

html body .elementor-icon-box-wrapper {
  border-left: 2px solid transparent !important;
  padding-left: 20px !important;
  transition: border-color 0.35s ease !important;
}

html body .elementor-icon-box-wrapper:hover {
  border-left-color: #A63A20 !important;
}

/* ═══════════════════════════════════════════════
   8. WOOCOMMERCE — Cartes produits premium
═══════════════════════════════════════════════ */

html body .woocommerce ul.products li.product,
html body .woocommerce-page ul.products li.product,
html body .products .product,
html body ul.products .product {
  background: #141210 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  transition: border-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease !important;
  overflow: hidden !important;
  position: relative !important;
}

html body .woocommerce ul.products li.product:hover,
html body ul.products .product:hover {
  border-bottom-color: #A63A20 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 60px rgba(166, 58, 32, 0.15) !important;
}

html body .woocommerce ul.products li.product img,
html body ul.products .product img,
html body .woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
html body .woocommerce ul.products li.product .wp-post-image {
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  width: 100% !important;
  transition: transform 0.7s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  display: block !important;
}

html body .woocommerce ul.products li.product:hover img,
html body ul.products .product:hover img {
  transform: scale(1.04) !important;
}

html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title a,
html body ul.products .product .woocommerce-loop-product__title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #F0E8D0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  padding: 16px 16px 4px !important;
  margin: 0 !important;
}

html body .woocommerce ul.products li.product .price,
html body .woocommerce ul.products li.product .price *,
html body .woocommerce ul.products li.product span.price,
html body ul.products .product .price {
  color: #C4522E !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 16px 8px !important;
  display: block !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
}

html body .woocommerce ul.products li.product .button,
html body ul.products .product .button {
  margin: 0 16px 16px !important;
  width: calc(100% - 32px) !important;
  display: block !important;
  text-align: center !important;
  background: transparent !important;
  border: 1px solid rgba(166, 58, 32, 0.5) !important;
  color: #F0E8D0 !important;
}

html body .woocommerce ul.products li.product .button:hover,
html body ul.products .product .button:hover {
  background: #A63A20 !important;
  border-color: #A63A20 !important;
}

/* ═══════════════════════════════════════════════
   9. PAGE PRODUIT — WooCommerce Single
═══════════════════════════════════════════════ */

html body .woocommerce div.product .product_title {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

html body .woocommerce div.product p.price,
html body .woocommerce div.product span.price {
  color: #C4522E !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

html body .woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #8A7E72 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html body .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #A63A20 !important;
  border-bottom-color: #A63A20 !important;
}

/* ═══════════════════════════════════════════════
   10. GALERIE / PORTFOLIO
═══════════════════════════════════════════════ */

html body .esg-grid img,
html body [class*="gallery"] img,
html body .elementor-gallery-item img,
html body .elementor-gallery-item__image img,
html body .gallery-item img {
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.6s ease !important;
  filter: brightness(0.85) !important;
}

html body .esg-grid img:hover,
html body [class*="gallery"] img:hover,
html body .elementor-gallery-item:hover img,
html body .gallery-item:hover img {
  transform: scale(1.05) !important;
  filter: brightness(1.05) !important;
}

/* Filtres galerie */
html body .esg-filterbutton,
html body [class*="filter"] li,
html body [data-filter],
html body .elementor-gallery-filter {
  color: #8A7E72 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(166, 58, 32, 0.2) !important;
  padding: 8px 18px !important;
  transition: all 0.25s ease !important;
  background: transparent !important;
  cursor: pointer !important;
}

html body .esg-filterbutton.selected,
html body .esg-filterbutton:hover,
html body [class*="filter"] li.selected,
html body [class*="filter"] li:hover {
  background: #A63A20 !important;
  color: #F0E8D0 !important;
  border-color: #A63A20 !important;
}

/* ═══════════════════════════════════════════════
   11. TÉMOIGNAGES
═══════════════════════════════════════════════ */

html body .xpro-testimonial-content,
html body [class*="testimonial"] .elementor-widget-container,
html body .elementor-testimonial,
html body .elementor-widget-testimonial {
  background: #141210 !important;
  border-left: 2px solid #A63A20 !important;
  padding: 32px !important;
  transition: background 0.35s ease, transform 0.3s ease !important;
}

html body [class*="testimonial"]:hover .elementor-widget-container {
  background: #1E1A16 !important;
  transform: translateY(-2px) !important;
}

html body .xpro-testimonial-title,
html body .xpro-testimonial-name {
  font-family: 'DM Sans', Inter, sans-serif !important;
  color: #A63A20 !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

html body .xpro-testimonial-description,
html body .xpro-testimonial-content p,
html body .xpro-testimonial-text {
  color: #F0E8D0 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  font-style: italic !important;
}

html body .xpro-testimonial-designation,
html body [class*="testimonial"] h4 {
  color: #8A7E72 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
}

/* ═══════════════════════════════════════════════
   12. BLOG / ARTICLES
═══════════════════════════════════════════════ */

html body .ct-post-card,
html body .elementor-post,
html body .elementor-post__card,
html body article.post,
html body .blog-entry {
  background: #141210 !important;
  border: none !important;
  overflow: hidden !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

html body .ct-post-card:hover,
html body .elementor-post:hover,
html body .elementor-post__card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
}

html body .ct-post-card .entry-title a,
html body .elementor-post .elementor-post__title a,
html body .elementor-post__title,
html body .entry-title a {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #F0E8D0 !important;
  font-weight: 700 !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

html body .ct-post-card .entry-title a:hover,
html body .elementor-post .elementor-post__title a:hover,
html body .entry-title a:hover {
  color: #C4522E !important;
}

html body .ct-post-card .entry-meta,
html body .elementor-post-date,
html body .elementor-post__meta,
html body .entry-meta {
  color: #8A7E72 !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
}

html body .ct-post-card .entry-excerpt,
html body .elementor-post__excerpt p {
  color: #8A7E72 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

/* ═══════════════════════════════════════════════
   13. FOOTER — Très sombre
═══════════════════════════════════════════════ */

html body .ct-footer,
html body footer,
html body #colophon,
html body .site-footer,
html body .elementor-location-footer,
html body [data-elementor-type="footer"],
html body footer.site-footer {
  background: #070504 !important;
  border-top: 2px solid rgba(166, 58, 32, 0.25) !important;
  color: #4A4540 !important;
}

html body .ct-footer *,
html body footer *,
html body #colophon *,
html body .site-footer * {
  color: #4A4540 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 12px !important;
}

html body .ct-footer a,
html body footer a,
html body #colophon a {
  color: #6B6460 !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

html body .ct-footer a:hover,
html body footer a:hover,
html body #colophon a:hover {
  color: #F0E8D0 !important;
}

html body .ct-footer .widget-title,
html body footer .widget-title,
html body #colophon .widget-title {
  color: #A63A20 !important;
  font-size: 9px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin-bottom: 18px !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
}

/* Copyright */
html body .ct-footer-copyright,
html body .site-info {
  color: #3D3834 !important;
  font-size: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.03) !important;
  padding-top: 20px !important;
  margin-top: 30px !important;
}

/* ═══════════════════════════════════════════════
   14. FORMULAIRES — WPForms, Contact
═══════════════════════════════════════════════ */

html body .wpforms-field input,
html body .wpforms-field textarea,
html body .wpforms-field select,
html body input[type="text"],
html body input[type="email"],
html body input[type="tel"],
html body textarea,
html body .elementor-field {
  background: #1A1612 !important;
  border: 1px solid rgba(166, 58, 32, 0.2) !important;
  color: #F0E8D0 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 13px !important;
  padding: 14px 16px !important;
  border-radius: 0 !important;
  transition: border-color 0.25s ease !important;
}

html body .wpforms-field input:focus,
html body .wpforms-field textarea:focus,
html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body textarea:focus,
html body .elementor-field:focus {
  border-color: #A63A20 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(166, 58, 32, 0.15) !important;
}

html body .wpforms-field label,
html body label,
html body .elementor-field-label {
  color: #8A7E72 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

/* ═══════════════════════════════════════════════
   15. ANIMATIONS SCROLL — Reveal
═══════════════════════════════════════════════ */

/* Contenu visible par défaut - pas d'animation cachée */
html body .elementor-widget {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger delay pour les widgets dans une même section */
html body .elementor-section .elementor-widget:nth-child(1).ad-visible { transition-delay: 0ms !important; }
html body .elementor-section .elementor-widget:nth-child(2).ad-visible { transition-delay: 80ms !important; }
html body .elementor-section .elementor-widget:nth-child(3).ad-visible { transition-delay: 160ms !important; }
html body .elementor-section .elementor-widget:nth-child(4).ad-visible { transition-delay: 240ms !important; }
html body .elementor-section .elementor-widget:nth-child(5).ad-visible { transition-delay: 320ms !important; }
html body .elementor-section .elementor-widget:nth-child(6).ad-visible { transition-delay: 400ms !important; }

/* ═══════════════════════════════════════════════
   16. SCROLLBAR
═══════════════════════════════════════════════ */

html body::-webkit-scrollbar {
  width: 6px;
}

html body::-webkit-scrollbar-track {
  background: #0E0C0A;
}

html body::-webkit-scrollbar-thumb {
  background: #2C2520;
  border-radius: 3px;
}

html body::-webkit-scrollbar-thumb:hover {
  background: #A63A20;
}

/* ═══════════════════════════════════════════════
   17. SÉLECTION TEXTE
═══════════════════════════════════════════════ */

html body ::selection {
  background: rgba(166, 58, 32, 0.35);
  color: #F0E8D0;
}

html body ::-moz-selection {
  background: rgba(166, 58, 32, 0.35);
  color: #F0E8D0;
}

/* ═══════════════════════════════════════════════
   18. BANDE TICKER CSS (après hero)
═══════════════════════════════════════════════ */

html body .elementor-top-section:nth-child(2)::before {
  content: 'Bogolan contemporain · Artisanat malien · Haute couture africaine · Fait à Bamako · Héritage & modernité · Savoir-faire ancestral ·';
  display: block;
  background: #A63A20;
  color: #F0E8D0;
  font-family: 'DM Sans', Inter, sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
  padding: 13px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  width: 100%;
  animation: adTicker 25s linear infinite;
}

@keyframes adTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ═══════════════════════════════════════════════
   19. LIENS
═══════════════════════════════════════════════ */

html body a:not(.elementor-button):not(.button):not(.wp-block-button__link) {
  color: #C4522E;
  transition: color 0.25s ease;
  text-decoration: none;
}

html body a:not(.elementor-button):not(.button):not(.wp-block-button__link):hover {
  color: #F0E8D0;
}

/* ═══════════════════════════════════════════════
   20. MOBILE
═══════════════════════════════════════════════ */

@media (max-width: 768px) {
  html body .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1px !important;
  }

  html body .elementor-heading-title {
    font-size: clamp(28px, 8vw, 48px) !important;
  }

  html body .elementor-button {
    padding: 14px 28px !important;
    font-size: 9px !important;
  }

  html body .elementor-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body .xpro-hero-slider-wrapper,
  html body .xpro-hero-slider,
  html body .swiper-slide {
    min-height: 70vh !important;
  }
}

@media (max-width: 480px) {
  html body .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  html body .xpro-hero-slider-wrapper,
  html body .xpro-hero-slider {
    min-height: 60vh !important;
  }
}

/* ═══════════════════════════════════════════════
   21. WOOCOMMERCE — Panier / Checkout
═══════════════════════════════════════════════ */

html body .woocommerce-cart table.cart,
html body .woocommerce-checkout table,
html body .woocommerce table.shop_table {
  background: #141210 !important;
  border: 1px solid rgba(166, 58, 32, 0.1) !important;
  color: #F0E8D0 !important;
}

html body .woocommerce table.shop_table th {
  color: #A63A20 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  background: #0E0C0A !important;
}

html body .woocommerce table.shop_table td {
  color: #F0E8D0 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
  background: #141210 !important;
}

html body .woocommerce .cart-collaterals .cart_totals,
html body .woocommerce-page .cart-collaterals .cart_totals {
  background: #141210 !important;
}

/* ═══════════════════════════════════════════════
   22. NOTIFICATIONS WOOCOMMERCE
═══════════════════════════════════════════════ */

html body .woocommerce-message,
html body .woocommerce-info,
html body .woocommerce-error {
  background: #141210 !important;
  border-left: 3px solid #A63A20 !important;
  color: #F0E8D0 !important;
  font-family: 'DM Sans', Inter, sans-serif !important;
}

html body .woocommerce-message::before,
html body .woocommerce-info::before {
  color: #A63A20 !important;
}

/* ═══════════════════════════════════════════════
   23. ELEMENTOR — Correctifs additionnels
═══════════════════════════════════════════════ */

/* Backgrounds des widgets transparents */
html body .elementor-widget-container {
  background-color: transparent !important;
}

/* Images responsives */
html body .elementor img {
  max-width: 100%;
  height: auto;
}

/* Colonnes Elementor */
html body .elementor-column,
html body .elementor-column-wrap {
  background-color: transparent !important;
}

/* Overlay de section */
html body .elementor-background-overlay {
  pointer-events: none !important;
}

/* ═══════════════════════════════════════════════
   24. ANIMATIONS KEYFRAMES SUPPLÉMENTAIRES
═══════════════════════════════════════════════ */

@keyframes adFadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes adPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

@keyframes adSlideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* FIX URGENT - textes visibles */
html body .elementor-widget-container,
html body .elementor-widget-container p,
html body .elementor-widget-container span,
html body .elementor-widget-container div {
  color: #F0E8D0 !important;
}

/* ── FIX HERO SLIDER XPRO ── */
.elementor-618 .elementor-element.elementor-element-466c72a .elementor-repeater-item-9115243 .xpro-hero-slider-slide-bg {
  background-image: url("https://anwdambe.com/wp-content/uploads/2026/03/Cargo-en-Bogolan-noir176-scaled.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
}

.elementor-618 .elementor-element.elementor-element-466c72a .elementor-repeater-item-141e50d .xpro-hero-slider-slide-bg {
  background-image: url("https://anwdambe.com/wp-content/uploads/2026/02/IMG_1016-scaled.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
}

.elementor-618 .elementor-element.elementor-element-466c72a .elementor-repeater-item-f62965c .xpro-hero-slider-slide-bg {
  background-image: url("https://anwdambe.com/wp-content/uploads/2026/02/1-1-scaled.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
}

/* Overlay des slides — réduire opacité pour voir les images */
.elementor-618 .elementor-element.elementor-element-466c72a .elementor-repeater-item-9115243 .xpro-hero-slider-slide-bg::before,
.elementor-618 .elementor-element.elementor-element-466c72a .elementor-repeater-item-141e50d .xpro-hero-slider-slide-bg::before,
.elementor-618 .elementor-element.elementor-element-466c72a .elementor-repeater-item-f62965c .xpro-hero-slider-slide-bg::before {
  opacity: 0.35 !important;
}

/* Hauteur slider */
.elementor-618 .elementor-element.elementor-element-466c72a .xpro-hero-slider,
.elementor-618 .elementor-element.elementor-element-65e50f4 {
  min-height: 100vh !important;
}

/* ── FIX SECTIONS NOIRES — textes noirs sur fond noir ── */

/* Sections avec fond noir forcé par notre CSS — textes en crème */
html body .elementor-618 .elementor-element.elementor-element-6ff4e40,
html body .elementor-618 .elementor-element.elementor-element-6ff4e40 p,
html body .elementor-618 .elementor-element.elementor-element-6ff4e40 strong {
  color: #F0E8D0 !important;
}

/* Titres sections */
html body .elementor-618 .elementor-element.elementor-element-3b42641 .elementor-heading-title,
html body .elementor-618 .elementor-element.elementor-element-92f7ecd .elementor-heading-title,
html body .elementor-618 .elementor-element.elementor-element-6941773 .elementor-heading-title,
html body .elementor-618 .elementor-element.elementor-element-b0a6581 .elementor-heading-title,
html body .elementor-618 .elementor-element.elementor-element-5d63f82 .elementor-heading-title {
  color: #F0E8D0 !important;
  font-family: 'Playfair Display', Georgia, serif !important;
}

/* Sous-titres */
html body .elementor-618 .elementor-element.elementor-element-cdb8340,
html body .elementor-618 .elementor-element.elementor-element-ad96a50 {
  color: #8A7E72 !important;
}

/* Bouton hero terracotta */
.elementor-618 .elementor-element.elementor-element-466c72a .xpro-hero-slider-button-primary {
  background-color: #A63A20 !important;
  border: none !important;
  color: #F0E8D0 !important;
  border-radius: 2px !important;
}

/* Subtitle hero */
.elementor-618 .elementor-element.elementor-element-466c72a .xpro-hero-slider-subtitle {
  color: #A63A20 !important;
  font-family: 'DM Sans', sans-serif !important;
  letter-spacing: 0.2em !important;
}

/* Titre hero */
.elementor-618 .elementor-element.elementor-element-466c72a .xpro-hero-slider-title {
  color: #F0E8D0 !important;
  font-family: 'Playfair Display', Georgia, serif !important;
}