/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Agence Unaniime
Author URI: https://unaniime.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* ===========================
   Base Starter Pack v1.5.2
=========================== */
html{font-size:clamp(8.5px,1.2vw + 7px,12px);overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:48px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media (max-width: 767px){html,body{overflow-x:clip}.elementor-section,.elementor-container{overflow-x:clip}}
img,video,iframe{max-width:100%;height:auto}*[style*="100vw"]{width:100%!important}
:root{--light-color:244,244,244;--lime-color:235,255,108;--dark-color:14,14,14}
::selection{color:rgba(var(--dark-color),1);background-color:rgba(var(--lime-color),.6)}

/* =========================
   Menu
   ========================= */

.brandbook-menu nav .sub-menu{
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .40s ease, opacity .40s ease;
  will-change: max-height, opacity;
}

.brandbook-menu nav .sub-menu li.current-menu-item > a,
.brandbook-menu nav .sub-menu li.current_page_item > a,
.brandbook-menu nav .sub-menu li.current-menu-ancestor > a{
  color: #7A7A7A !important;
}

@media (min-width: 1025px){
  .brandbook-menu nav li.current-menu-item > .sub-menu,
  .brandbook-menu nav li.current-menu-ancestor > .sub-menu{
    max-height: 1200px; /* évite le "cut" si long sous-menu */
    opacity: 1;
  }
}

.brandbook-menu nav .sub-menu .elementor-sub-item{
  padding-left: 24px !important;
}

@media (max-width: 1024px){
  .brandbook-menu nav .sub-menu{
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: none !important;
  }

  .brandbook-menu nav li.current-menu-item > .sub-menu,
  .brandbook-menu nav li.current-menu-ancestor > .sub-menu{
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}