/*
 Theme Name:   Mon Thème Enfant
 Theme URI:    https://entrepreneursfrancophones.org
 Description:  Thème enfant du thème parent Astra
 Author:       Davy K.
 Template:     astra
 Version:      1.0.0
*/


/* --- Optionnel : mini règles GLOBALes (s’appliquent à tout le site) --- */
:root{
  --enf-border:#eee;
  --enf-muted:#666;
}

a { text-underline-offset: 2px; }

/* Harmonise les images en contenu (évite débordements) */
.entry-content img, .post-content img, .wp-block-image img {
  height:auto; max-width:100%;
}

/* Mobile = adapte le breakpoint si besoin */
@media (max-width: 1024px) {
  /* 1) Par défaut, ne pas afficher les sous-menus */
  .mobile-menu .sub-menu,
  nav .sub-menu {
    display: none !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease;
  }

  /* 2) Quand un parent est "ouvert", n'afficher QUE son sous-menu */
  .mobile-menu .menu-item.open > .sub-menu,
  nav .menu-item.open > .sub-menu {
    display: block !important;
    max-height: 100vh;
  }

  /* 3) Indicateur visuel cliquable (chevron) si tu en as un */
  .menu-item-has-children > .submenu-toggle {
    display: inline-flex;
    width: 44px; height: 44px;
    align-items: center; justify-content: center;
    margin-left: .25rem;
    cursor: pointer;
  }
}

/* Cacher sous-menus par défaut en mode mobile Astra */
.ast-header-break-point .main-header-menu .sub-menu,
.ast-mobile-popup-drawer .sub-menu {
  display: none !important;
  max-height: 0;
  overflow: hidden;
}

/* Afficher seulement le sous-menu du parent étendu */
.ast-header-break-point .main-header-menu .menu-item.ast-submenu-expanded > .sub-menu,
.ast-mobile-popup-drawer .menu-item.ast-submenu-expanded > .sub-menu {
  display: block !important;
  max-height: 100vh;
}



.enf-filter-list label{display:flex;align-items:center;gap:.4rem;font-size:.95rem}
.enf-pill-count{
  margin-left:auto;
  background:#eef2ff;
  border:1px solid #c7d2fe;
  color:#1f3a8a;
  font-size:.78rem;
  line-height:1;
  padding:.18rem .45rem;
  border-radius:999px;
  min-width:1.3rem;
  text-align:center;
}


.enf-footer-menu--icons a {
  display:flex;
  align-items:center;
  gap:8px;
}
.enf-footer-menu--icons svg {
  fill:#e5e7eb;
  transition:fill .2s;
}
.enf-footer-menu--icons a:hover svg {
  fill:#0a66ff;
}


/* ===== Footer base layout ===== */
.enf-footer{margin-top:24px;border-top:1px solid var(--enf-border,#e5e7eb)}
.enf-footer__wrap{
  max-width:1100px;margin:0 auto;padding:28px 20px;
  display:grid;gap:22px;grid-template-columns:1fr 1fr 1fr;
}
.enf-footer-col__title{margin:0 0 10px;font-size:1.05rem}
.enf-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.enf-footer__bottom{border-top:1px solid var(--enf-border,#e5e7eb);padding:12px 20px;text-align:center;font-size:.9rem}

/* Socials */
.enf-footer-menu--icons a{display:flex;align-items:center;gap:8px}
.enf-footer-menu--icons .ico-wrap{
  width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--enf-ico-bg,#f3f4f6);border:1px solid var(--enf-ico-bd,#e5e7eb)
}
.enf-footer-menu--icons svg{width:18px;height:18px;fill:var(--enf-ico-fill,#374151);transition:fill .2s, transform .15s}
.enf-footer-menu--icons a:hover svg{fill:var(--enf-accent,#0a66ff);transform:translateY(-1px)}

/* Newsletter mini form */
.enf-footer-news{margin-top:10px}
.enf-footer-news-mini{display:flex;gap:8px;margin-top:6px}
.enf-footer-news-mini input{flex:1;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--enf-border,#e5e7eb);background:var(--enf-input-bg,#fff)}
.enf-footer-news-mini button{background:var(--enf-accent,#0a66ff);color:#fff;border:0;border-radius:8px;padding:.55rem .9rem;font-weight:700;cursor:pointer}
@media (max-width: 920px){ .enf-footer__wrap{grid-template-columns:1fr} }

/* ===== Skin: LIGHT (fond blanc) ===== */
.enf-footer--light{background:#ffffff;color:#111827}
.enf-footer--light a{color:#111827;text-decoration:none}
.enf-footer--light a:hover{opacity:.8}
.enf-footer--light{ --enf-border:#e5e7eb; --enf-ico-bg:#f3f4f6; --enf-ico-bd:#e5e7eb; --enf-ico-fill:#374151; --enf-input-bg:#fff; --enf-accent:#0a66ff; }

/* ===== Skin: DARK (option dispo si tu la veux plus tard) ===== */
.enf-footer--dark{background:#0b1220;color:#e5e7eb}
.enf-footer--dark a{color:#e5e7eb;text-decoration:none}
.enf-footer--dark a:hover{opacity:.9}
.enf-footer--dark{ --enf-border:#1f2937; --enf-ico-bg:#111827; --enf-ico-bd:#1f2937; --enf-ico-fill:#e5e7eb; --enf-input-bg:#0f172a; --enf-accent:#0a66ff; }

/* ===== Option: icônes seules ===== */
.enf-footer--icons-only .enf-footer-menu--icons .label{display:none}
.enf-footer--icons-only .enf-footer-menu--icons a{gap:0}
.enf-footer--icons-only .enf-footer-menu--icons li + li{margin-top:8px}
