/* =========================================================
   ILITHA ACADEMY — HEADER PREMIUM DESKTOP FINAL
   À utiliser pour desktop uniquement
========================================================= */

@media (min-width:1025px){

  :root{
    --ilitha-cream:#f8f2ec;
    --ilitha-green:#263a33;
    --ilitha-gold:#c18f3d;
    --ilitha-line:rgba(38,58,51,.10);
  }


  /* =======================================================
     HEADER
  ======================================================= */

  #site-header.site-header{
    position:relative !important;
    z-index:99999 !important;
    width:100% !important;
    min-height:112px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid var(--ilitha-line) !important;
   background:#f8f2ec !important;
    box-shadow:0 12px 40px rgba(38,58,51,.05) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }


  /* =======================================================
     CONTENEUR INTERNE
  ======================================================= */

  #site-header .header-inner{
    display:flex !important;
    width:min(1440px,100%) !important;
    max-width:100% !important;
    min-height:112px !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:70px !important;
    margin:0 auto !important;
    padding:8px clamp(45px,6vw,110px) !important;
  }


  /* =======================================================
     LOGO
  ======================================================= */

  #site-header .site-branding{
    display:flex !important;
    width:210px !important;
    min-width:210px !important;
    flex:0 0 210px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  #site-header .custom-logo-link,
  #site-header .site-logo a{
    display:flex !important;
    width:100% !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  #site-header .custom-logo,
  #site-header .site-logo img,
  #site-header .custom-logo-link img{
    display:block !important;
    width:220px !important;
    max-width:none !important;
    height:auto !important;
    max-height:160px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    object-position:left center !important;
    transform-origin:left center !important;
    transition:
      transform .35s cubic-bezier(.19,1,.22,1),
      opacity .35s ease !important;
  }

  #site-header .custom-logo-link:hover img,
  #site-header .site-logo a:hover img{
    opacity:.94 !important;
    transform:translateY(-2px) !important;
  }


  /* =======================================================
     NAVIGATION
  ======================================================= */

  #site-header .site-navigation{
    display:flex !important;
    width:auto !important;
    flex:1 1 auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  #site-header .site-navigation ul.menu{
    display:flex !important;
    width:auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:42px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #site-header .site-navigation ul.menu > li{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
  }


  /* =======================================================
     LIENS DU MENU
  ======================================================= */

  #site-header .site-navigation ul.menu > li > a{
    position:relative !important;
    display:inline-flex !important;
    min-height:48px !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 0 7px !important;
    border:0 !important;
    border-radius:0 !important;
    color:var(--ilitha-green) !important;
    background:transparent !important;
    box-shadow:none !important;
    font-family:"Manrope",sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;
    letter-spacing:.025em !important;
    line-height:1 !important;
    text-decoration:none !important;
    text-transform:none !important;
    white-space:nowrap !important;
    transition:
      color .32s cubic-bezier(.19,1,.22,1),
      transform .32s cubic-bezier(.19,1,.22,1) !important;
  }


  /* Ligne dorée centrée */

  #site-header .site-navigation ul.menu > li > a::after{
    content:"" !important;
    position:absolute !important;
    right:50% !important;
    bottom:0 !important;
    left:50% !important;
    height:1px !important;
    background:var(--ilitha-gold) !important;
    opacity:1 !important;
    transition:
      right .35s cubic-bezier(.19,1,.22,1),
      left .35s cubic-bezier(.19,1,.22,1) !important;
  }


  /* Hover */

  #site-header .site-navigation ul.menu > li > a:hover,
  #site-header .site-navigation ul.menu > li > a:focus{
    color:var(--ilitha-gold) !important;
    background:transparent !important;
    transform:translateY(-1px) !important;
  }

  #site-header .site-navigation ul.menu > li > a:hover::after,
  #site-header .site-navigation ul.menu > li > a:focus::after{
    right:0 !important;
    left:0 !important;
  }


  /* Page active */

  #site-header .site-navigation ul.menu > li.current-menu-item > a,
  #site-header .site-navigation ul.menu > li.current_page_item > a,
  #site-header .site-navigation ul.menu > li.current-menu-ancestor > a{
    color:var(--ilitha-gold) !important;
  }

  #site-header .site-navigation ul.menu > li.current-menu-item > a::after,
  #site-header .site-navigation ul.menu > li.current_page_item > a::after,
  #site-header .site-navigation ul.menu > li.current-menu-ancestor > a::after{
    right:0 !important;
    left:0 !important;
  }


  /* =======================================================
     CONTACT — LIEN NORMAL
  ======================================================= */

  #site-header .site-navigation ul.menu > li:last-child > a{
    min-height:48px !important;
    padding:0 0 7px !important;
    border:0 !important;
    border-radius:0 !important;
    color:var(--ilitha-green) !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  #site-header .site-navigation ul.menu > li:last-child > a:hover{
    color:var(--ilitha-gold) !important;
    background:transparent !important;
    box-shadow:none !important;
  }


  /* =======================================================
     SOUS-MENU DESKTOP
  ======================================================= */

  #site-header .site-navigation ul.menu li ul.sub-menu{
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    min-width:230px !important;
    margin:10px 0 0 !important;
    padding:10px !important;
    border:1px solid rgba(38,58,51,.09) !important;
    border-radius:0 !important;
    background:rgba(255,250,243,.99) !important;
    box-shadow:0 24px 60px rgba(38,58,51,.13) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-50%) translateY(10px) !important;
    transition:
      opacity .30s ease,
      visibility .30s ease,
      transform .30s cubic-bezier(.19,1,.22,1) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    z-index:999999 !important;
  }

  #site-header .site-navigation ul.menu li:hover > ul.sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }

  #site-header .site-navigation ul.menu li ul.sub-menu li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  #site-header .site-navigation ul.menu li ul.sub-menu li a{
    display:block !important;
    width:100% !important;
    min-height:42px !important;
    padding:12px 15px !important;
    border:0 !important;
    color:var(--ilitha-green) !important;
    background:transparent !important;
    font-family:"Manrope",sans-serif !important;
    font-size:11px !important;
    font-weight:500 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    transition:
      color .25s ease,
      background .25s ease,
      padding-left .25s ease !important;
  }

  #site-header .site-navigation ul.menu li ul.sub-menu li a::after{
    display:none !important;
  }

  #site-header .site-navigation ul.menu li ul.sub-menu li a:hover{
    padding-left:20px !important;
    color:var(--ilitha-gold) !important;
    background:rgba(193,143,61,.06) !important;
  }


  /* =======================================================
     CACHE LE HAMBURGER SUR DESKTOP
  ======================================================= */

  #site-header .site-navigation-toggle,
  #site-header .menu-toggle,
  #site-header .elementor-menu-toggle{
    display:none !important;
  }

}


/* =========================================================
   TRÈS GRANDS ÉCRANS
========================================================= */

@media (min-width:1600px){

  #site-header.site-header{
    min-height:118px !important;
  }

  #site-header .header-inner{
    width:min(1580px,100%) !important;
    min-height:118px !important;
    padding-right:clamp(70px,7vw,130px) !important;
    padding-left:clamp(70px,7vw,130px) !important;
  }

  #site-header .site-branding{
    width:230px !important;
    min-width:230px !important;
    flex-basis:230px !important;
  }

  #site-header .custom-logo,
  #site-header .site-logo img,
  #site-header .custom-logo-link img{
    width:198px !important;
    max-height:104px !important;
  }

  #site-header .site-navigation ul.menu{
    gap:48px !important;
  }

  #site-header .site-navigation ul.menu > li > a{
    font-size:15px !important;
  }

}
/* =========================================================
   ILITHA ACADEMY — TABLETTE + MOBILE PREMIUM
========================================================= */


/* =========================================================
   TABLETTE
========================================================= */

@media (min-width:768px) and (max-width:1024px){

  #site-header.site-header{
    position:relative !important;
    z-index:99999 !important;
    width:100% !important;
    min-height:96px !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(38,58,51,.09) !important;
    
		background:#f8f2ec !important;
    box-shadow:0 10px 34px rgba(38,58,51,.055) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  #site-header .header-inner{
    display:flex !important;
    width:100% !important;
    min-height:96px !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    margin:0 auto !important;
    padding:8px 28px !important;
  }


  /* Logo tablette */

  #site-header .site-branding{
    display:flex !important;
    width:170px !important;
    min-width:170px !important;
    flex:0 0 170px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  #site-header .custom-logo-link,
  #site-header .site-logo a{
    display:flex !important;
    width:100% !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  #site-header .custom-logo,
  #site-header .site-logo img,
  #site-header .custom-logo-link img{
    display:block !important;
    width:220px !important;
    max-width:none !important;
    height:auto !important;
    max-height:150px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    object-position:left center !important;
  }


  /* Hamburger tablette */

  #site-header .site-navigation-toggle,
  #site-header .menu-toggle,
  #site-header .elementor-menu-toggle{
    display:flex !important;
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(38,58,51,.14) !important;
    border-radius:50% !important;
    color:#263a33 !important;
    background:rgba(255,250,243,.96) !important;
    box-shadow:0 10px 28px rgba(38,58,51,.08) !important;
    transition:
      color .3s ease,
      background .3s ease,
      border-color .3s ease,
      transform .3s ease !important;
  }

  #site-header .site-navigation-toggle:hover,
  #site-header .menu-toggle:hover,
  #site-header .elementor-menu-toggle:hover{
    border-color:#c18f3d !important;
    color:#fff !important;
    background:#f8f2ec!important;
    transform:rotate(3deg) !important;
  }


  /* Dropdown tablette */

  #site-header .site-navigation-dropdown{
    position:absolute !important;
    top:100% !important;
    right:20px !important;
    left:20px !important;
    width:auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    z-index:999999 !important;
  }

  #site-header .site-navigation-dropdown ul.menu,
  #site-header .site-navigation-dropdown .menu{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    width:100% !important;
    margin:10px 0 0 !important;
    padding:16px 20px 20px !important;
    border:1px solid rgba(38,58,51,.09) !important;
    border-radius:0 !important;
    background:rgba(255,250,243,.99) !important;
    box-shadow:0 24px 60px rgba(38,58,51,.14) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
  }

  #site-header .site-navigation-dropdown ul.menu li{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #site-header .site-navigation-dropdown ul.menu li a{
    position:relative !important;
    display:flex !important;
    min-height:56px !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 8px !important;
    border:0 !important;
    border-bottom:1px solid rgba(38,58,51,.08) !important;
    color:#263a33 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-family:"Cormorant Garamond",serif !important;
    font-size:27px !important;
    font-weight:500 !important;
    letter-spacing:-.01em !important;
    text-decoration:none !important;
    transition:
      color .25s ease,
      padding-left .25s ease !important;
  }

  #site-header .site-navigation-dropdown ul.menu li a:hover,
  #site-header .site-navigation-dropdown ul.menu li.current-menu-item > a,
  #site-header .site-navigation-dropdown ul.menu li.current_page_item > a{
    padding-left:15px !important;
    color:#c18f3d !important;
    background:transparent !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

  #site-header.site-header{
    position:relative !important;
    z-index:99999 !important;
    width:100% !important;
    min-height:88px !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid rgba(38,58,51,.09) !important;
   
		background:#f8f2ec !important;
    box-shadow:0 8px 28px rgba(38,58,51,.05) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  #site-header .header-inner{
    display:flex !important;
    width:100% !important;
    min-height:88px !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    margin:0 auto !important;
    padding:7px 18px !important;
  }


  /* Logo mobile plus grand */

  #site-header .site-branding{
    display:flex !important;
    width:150px !important;
    min-width:145px !important;
    flex:0 0 145px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  #site-header .custom-logo-link,
  #site-header .site-logo a{
    display:flex !important;
    width:100% !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  #site-header .custom-logo,
  #site-header .site-logo img,
  #site-header .custom-logo-link img{
    display:block !important;
    width:150px !important;
    max-width:none !important;
    height:auto !important;
    max-height:110px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    object-position:left center !important;
  }


  /* Hamburger mobile */

  #site-header .site-navigation-toggle,
  #site-header .menu-toggle,
  #site-header .elementor-menu-toggle{
    display:flex !important;
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(38,58,51,.14) !important;
    border-radius:50% !important;
    color:#263a33 !important;
    background:rgba(255,250,243,.96) !important;
    box-shadow:0 8px 24px rgba(38,58,51,.08) !important;
  }


  /* Dropdown mobile */

  #site-header .site-navigation-dropdown{
    position:absolute !important;
    top:100% !important;
    right:10px !important;
    left:10px !important;
    width:auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    z-index:999999 !important;
  }

  #site-header .site-navigation-dropdown ul.menu,
  #site-header .site-navigation-dropdown .menu{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    margin:8px 0 0 !important;
    padding:12px 16px 18px !important;
    border:1px solid rgba(38,58,51,.09) !important;
    border-radius:0 !important;
    background:rgba(255,250,243,.995) !important;
    box-shadow:0 24px 55px rgba(38,58,51,.14) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
  }

  #site-header .site-navigation-dropdown ul.menu li{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #site-header .site-navigation-dropdown ul.menu li a{
    display:flex !important;
    min-height:53px !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 6px !important;
    border:0 !important;
    border-bottom:1px solid rgba(38,58,51,.08) !important;
    color:#263a33 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-family:"Cormorant Garamond",serif !important;
    font-size:24px !important;
    font-weight:500 !important;
    letter-spacing:-.01em !important;
    text-decoration:none !important;
    transition:
      color .25s ease,
      padding-left .25s ease !important;
  }

  #site-header .site-navigation-dropdown ul.menu li:last-child > a{
    border-bottom:0 !important;
  }

  #site-header .site-navigation-dropdown ul.menu li a:hover,
  #site-header .site-navigation-dropdown ul.menu li.current-menu-item > a,
  #site-header .site-navigation-dropdown ul.menu li.current_page_item > a{
    padding-left:12px !important;
    color:#c18f3d !important;
    background:transparent !important;
  }

}
/* =========================================================
   ILITHA ACADEMY — FOOTER PREMIUM FINAL
   Desktop + Tablet + Mobile
========================================================= */

:root{
  --ilitha-footer-bg:#f8f2ec;
  --ilitha-footer-green:#263a33;
  --ilitha-footer-gold:#c18f3d;
  --ilitha-footer-line:rgba(38,58,51,.10);
}


/* =========================================================
   FOOTER GLOBAL
========================================================= */

#site-footer.site-footer{
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-top:1px solid var(--ilitha-footer-line) !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(193,143,61,.10) 0%,
      rgba(193,143,61,.035) 24%,
      transparent 52%
    ),
    var(--ilitha-footer-bg) !important;

  box-shadow:
    0 -18px 55px rgba(38,58,51,.045) !important;
}


/* Fine ligne dorée supérieure */

#site-footer.site-footer::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  width:min(720px,76vw) !important;
  height:1px !important;
  transform:translateX(-50%) !important;

  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(193,143,61,.18) 18%,
    rgba(193,143,61,.72) 50%,
    rgba(193,143,61,.18) 82%,
    transparent 100%
  ) !important;
}


/* =========================================================
   CONTENEUR INTERNE
========================================================= */

#site-footer .footer-inner{
  position:relative !important;
  z-index:2 !important;

  display:flex !important;
  width:min(1180px,100%) !important;
  max-width:1180px !important;

  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 auto !important;
  padding:58px 28px 34px !important;

  text-align:center !important;
}


/* =========================================================
   LOGO
========================================================= */

#site-footer .site-branding,
#site-footer .site-logo,
#site-footer .custom-logo-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  margin:0 auto !important;
  padding:0 !important;
}


#site-footer .custom-logo,
#site-footer .site-logo img,
#site-footer .custom-logo-link img,
#site-footer img{
  display:block !important;

  width:150px !important;
  max-width:150px !important;
  height:auto !important;
  max-height:118px !important;

  margin:0 auto 18px !important;
  padding:0 !important;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;

  object-fit:contain !important;
  object-position:center !important;

  filter:drop-shadow(
    0 12px 24px rgba(38,58,51,.08)
  ) !important;

  transition:
    transform .35s cubic-bezier(.19,1,.22,1),
    opacity .35s ease !important;
}


#site-footer .custom-logo-link:hover img,
#site-footer .site-logo a:hover img{
  opacity:.94 !important;
  transform:translateY(-3px) !important;
}


/* =========================================================
   SLOGAN
========================================================= */

#site-footer .site-description,
#site-footer .footer-tagline,
#site-footer .footer-slogan{
  margin:0 auto 26px !important;

  color:var(--ilitha-footer-gold) !important;

  font-family:"Cormorant Garamond",serif !important;
  font-size:22px !important;
  font-style:italic !important;
  font-weight:500 !important;

  letter-spacing:.01em !important;
  line-height:1.35 !important;
}


/* =========================================================
   NAVIGATION FOOTER
========================================================= */

#site-footer .footer-menu,
#site-footer .footer-navigation ul,
#site-footer nav ul{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;

  gap:30px !important;

  margin:0 auto 30px !important;
  padding:24px 0 0 !important;

  border-top:1px solid rgba(38,58,51,.09) !important;

  list-style:none !important;
}


#site-footer .footer-menu li,
#site-footer .footer-navigation li,
#site-footer nav li{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}


#site-footer .footer-menu a,
#site-footer .footer-navigation a,
#site-footer nav a{
  position:relative !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 0 5px !important;

  color:var(--ilitha-footer-green) !important;
  background:transparent !important;

  font-family:"Manrope",sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;

  letter-spacing:.045em !important;
  line-height:1 !important;

  text-decoration:none !important;

  transition:
    color .3s ease,
    transform .3s ease !important;
}


/* Ligne dorée sous les liens */

#site-footer .footer-menu a::after,
#site-footer .footer-navigation a::after,
#site-footer nav a::after{
  content:"" !important;

  position:absolute !important;
  right:50% !important;
  bottom:0 !important;
  left:50% !important;

  height:1px !important;

  background:var(--ilitha-footer-gold) !important;

  transition:
    right .35s cubic-bezier(.19,1,.22,1),
    left .35s cubic-bezier(.19,1,.22,1) !important;
}


#site-footer .footer-menu a:hover,
#site-footer .footer-navigation a:hover,
#site-footer nav a:hover{
  color:var(--ilitha-footer-gold) !important;
  transform:translateY(-1px) !important;
}


#site-footer .footer-menu a:hover::after,
#site-footer .footer-navigation a:hover::after,
#site-footer nav a:hover::after{
  right:0 !important;
  left:0 !important;
}


/* =========================================================
   COPYRIGHT
========================================================= */

#site-footer .copyright,
#site-footer .footer-copyright,
#site-footer .site-info,
#site-footer p{
  width:100% !important;
  max-width:900px !important;

  margin:0 auto !important;

  color:rgba(38,58,51,.72) !important;

  font-family:"Manrope",sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;

  letter-spacing:.02em !important;
  line-height:1.75 !important;

  text-align:center !important;
}


/* Liens copyright / NEIA */

#site-footer .copyright a,
#site-footer .footer-copyright a,
#site-footer .site-info a,
#site-footer p a{
  position:relative !important;

  color:var(--ilitha-footer-green) !important;

  font-weight:500 !important;
  text-decoration:none !important;

  transition:color .28s ease !important;
}


#site-footer .copyright a:hover,
#site-footer .footer-copyright a:hover,
#site-footer .site-info a:hover,
#site-footer p a:hover{
  color:var(--ilitha-footer-gold) !important;
}


/* =========================================================
   SUPPRESSION DU BLEU ET DES FONDS PAR DÉFAUT
========================================================= */

#site-footer,
#site-footer .footer-inner,
#site-footer .site-info,
#site-footer .footer-copyright,
#site-footer .copyright{
  background-color:transparent !important;
  background-image:none !important;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (min-width:768px) and (max-width:1024px){

  #site-footer .footer-inner{
    padding:50px 28px 32px !important;
  }

  #site-footer .custom-logo,
  #site-footer .site-logo img,
  #site-footer .custom-logo-link img,
  #site-footer img{
    width:140px !important;
    max-width:140px !important;
    max-height:110px !important;
    margin-bottom:17px !important;
  }

  #site-footer .site-description,
  #site-footer .footer-tagline,
  #site-footer .footer-slogan{
    margin-bottom:24px !important;
    font-size:21px !important;
  }

  #site-footer .footer-menu,
  #site-footer .footer-navigation ul,
  #site-footer nav ul{
    gap:24px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

  #site-footer .footer-inner{
    padding:42px 20px 28px !important;
  }

  #site-footer.site-footer::before{
    width:82vw !important;
  }

  #site-footer .custom-logo,
  #site-footer .site-logo img,
  #site-footer .custom-logo-link img,
  #site-footer img{
    width:126px !important;
    max-width:126px !important;
    max-height:98px !important;
    margin-bottom:16px !important;
  }

  #site-footer .site-description,
  #site-footer .footer-tagline,
  #site-footer .footer-slogan{
    max-width:280px !important;
    margin-bottom:22px !important;
    font-size:20px !important;
  }

  #site-footer .footer-menu,
  #site-footer .footer-navigation ul,
  #site-footer nav ul{
    gap:14px 22px !important;

    margin-bottom:25px !important;
    padding-top:22px !important;
  }

  #site-footer .footer-menu a,
  #site-footer .footer-navigation a,
  #site-footer nav a{
    font-size:12px !important;
  }

  #site-footer .copyright,
  #site-footer .footer-copyright,
  #site-footer .site-info,
  #site-footer p{
    max-width:330px !important;
    font-size:12px !important;
    line-height:1.7 !important;
  }

}
/* ==========================================
   ILITHA LOGO POSITION
========================================== */

/* Desktop */
@media (min-width:1025px){

  #site-header .site-branding{
    padding-left:18px !important;
  }

}

/* Tablet */
@media (min-width:768px) and (max-width:1024px){

  #site-header .site-branding{
    padding-left:16px !important;
  }

}

/* Mobile */
@media (max-width:767px){

  #site-header .site-branding{
    padding-left:14px !important;
  }

}
/* =========================================================
   ILITHA — SOUS-MENU EN / FR DESKTOP
========================================================= */

@media (min-width:1025px){

  /* Autoriser le sous-menu à dépasser du header */
  #site-header,
  #site-header .header-inner,
  #site-header .site-navigation,
  #site-header .site-navigation ul.menu{
    overflow:visible !important;
  }

  /* Le dernier élément correspond au sélecteur EN / FR */
  #site-header .site-navigation ul.menu > li:last-child{
    position:relative !important;
    overflow:visible !important;
  }

  /* EN reste un élément normal du menu */
  #site-header .site-navigation ul.menu > li:last-child > a{
    min-height:48px !important;
    padding:0 0 7px !important;
    color:var(--ilitha-green) !important;
    background:transparent !important;
    cursor:pointer !important;
  }

  /* Sous-menu EN / FR fermé par défaut */
  #site-header .site-navigation ul.menu > li:last-child > ul.sub-menu{
    position:absolute !important;
    top:calc(100% - 3px) !important;
    right:0 !important;
    left:auto !important;

    display:block !important;
    width:120px !important;
    min-width:120px !important;

    margin:0 !important;
    padding:8px !important;

    border:1px solid rgba(38,58,51,.10) !important;
    background:#fffaf3 !important;
    box-shadow:0 20px 45px rgba(38,58,51,.15) !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;

    transform:translateY(8px) !important;
    transition:
      opacity .25s ease,
      visibility .25s ease,
      transform .25s ease !important;

    z-index:9999999 !important;
  }

  /* Ouvrir EN / FR au survol */
  #site-header .site-navigation ul.menu > li:last-child:hover > ul.sub-menu,
  #site-header .site-navigation ul.menu > li:last-child:focus-within > ul.sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }

  /* Liens EN et FR */
  #site-header .site-navigation ul.menu > li:last-child > ul.sub-menu > li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  #site-header .site-navigation ul.menu > li:last-child > ul.sub-menu > li > a{
    display:flex !important;
    width:100% !important;
    min-height:40px !important;
    align-items:center !important;
    justify-content:center !important;

    padding:10px 12px !important;
    border:0 !important;

    color:var(--ilitha-green) !important;
    background:transparent !important;

    font-family:"Manrope",sans-serif !important;
    font-size:12px !important;
    font-weight:500 !important;
    letter-spacing:.08em !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
  }

  #site-header .site-navigation ul.menu > li:last-child > ul.sub-menu > li > a:hover{
    color:var(--ilitha-gold) !important;
    background:rgba(193,143,61,.08) !important;
  }

  #site-header .site-navigation ul.menu > li:last-child > ul.sub-menu > li > a::after{
    display:none !important;
  }

}