/* Votre CSS personnalisé pour Divi 5 */
.et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
    background-color: #ffffff !important;    border-radius: unset;}
@media (max-width: 980px) {
    .et_pb_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu ul {
        list-style: none !important; text-align: left; width: 80vw;    }
}
/* 1) Méthode propre : on colore le conteneur => currentColor devient blanc */
#fkcart-mini-toggler .fkcart-shortcode-icon-wrap {
  color: #fff !important;
}
/* ==== DIVI 5 – MENU MOBILE TOUJOURS AU-DESSUS DU LOGO ==== */
@media (max-width:980px){

  /* 0) Le module menu sert de référentiel */
  .et-l--header .et_pb_menu{
    position: relative !important;
    overflow: visible !important;
    transform: none !important; /* évite un stacking context parasite */
  }

  /* 1) Couvre LES DEUX structures possibles (Divi5 .downwards et legacy .et_mobile_menu) */
  .et-l--header .et_pb_menu__menu > nav.et-menu-nav > ul.et-menu.nav.downwards,
  .et-l--header .et_mobile_menu{
    position: absolute !important;
    left: 0; right: 0;
    top: 100% !important;              /* juste sous la barre */
    z-index: 100000 !important;        /* au-dessus du logo/icônes */
    background: #fff;                  /* adapte la couleur */
    pointer-events: auto !important;
  }

  /* 2) Le logo et ses wrappers restent en dessous */
  .et-l--header .et_pb_menu__logo,
  .et-l--header .et_pb_menu__logo-wrap,
  .et-l--header .et_pb_menu__logo-container,
  .et-l--header .et_pb_menu__logo img{
    position: relative !important;
    z-index: 1 !important;
  }

  /* 3) Rien ne doit couper le dropdown */
  .et-l--header .et_pb_section,
  .et-l--header .et_pb_row{ overflow: visible !important; }

  /* 4) Si une section sticky met un z-index délirant, on la calme */
  .et-l--header .et_pb_section--sticky,
  .et-l--header .et_pb_section.et_pb_sticky{ z-index: 999 !important; }
}
@media (max-width:980px){
  .et-l--header .et_pb_menu__menu > nav.et-menu-nav > ul.et-menu.nav.downwards,
  .et-l--header .et_mobile_menu{
    top: calc(100% + 12px) !important; /* ajuste 0–20px */
  }
}
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
   
    width: 300px;}

.et-menu li li a {
    
    width: 250px;}
/* Boutons woocommerce sans bordures */
.woocommerce a.button, .woocommerce-page a.button {border:none!important}
.woocommerce a.button:hover, .woocommerce-page a.button:hover {border:none!important}
.woocommerce button.button:hover, .woocommerce-page button.button:hover{border:none!important}
/* affichage des variations sans la flèche after */
.et_pb_wc_add_to_cart form.cart .variations td.value span:after
{display:none;}
/* affichage case du choix du marquage sur la fiche produit */
.st404-contact-toggle {padding-bottom: 20px!important; margin-top: -20px;}

/* Exemple: correctif FOUC éventuel sur header (à ajuster selon votre site) */
/* html:not(.et_divi_builder) body { visibility: visible; opacity: 1; } */
/* ========================================
   FIX: Menu Divi 5 cassé sur archives WooCommerce
   Le module menu ne génère pas le CSS flex sur les pages archives.
   ======================================== */
@media (min-width: 981px) {
  .et-l--header .et_pb_menu .et-menu.nav {
    display: flex !important;
    flex-direction: row !important;
    list-style: none !important;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
  }
  .et-l--header .et_pb_menu .et-menu.nav > li {
    display: flex !important;
    list-style: none !important;
    align-items: center;
    padding: 0 11px;
  }
  .et-l--header .et_pb_menu .et-menu.nav > li > a {
    text-decoration: none;
    white-space: nowrap;
  }
}

/* ========================================
   PAGE BLOG - ELEVAGE VOLAILLES
   ======================================== */

/* --- Layout global --- */
#blog-page-wrapper {
  background: #111827;
  color: #f1f5f9;
  font-family: inherit;
  min-height: 100vh;
}

/* --- Hero --- */
.blog-hero {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  padding: 70px 20px 50px;
  text-align: center;
}
.blog-hero-inner {
  max-width: 800px;
  margin: 0 auto;
}
.blog-hero-title {
  font-size: 2.4rem;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 16px;
  line-height: 1.2;
}
.blog-hero-subtitle {
  font-size: 1.1rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
}

/* --- Filters --- */
.blog-filters-section {
  background: #111827;
  padding: 30px 20px 10px;
  position: sticky;
  top: 0;
  z-index: 100;
}