/* 
Theme Name: Hello Elementor Child
*/

/* menu 
@media screen and (max-width: 760px){
  header{ overflow-x: hidden!important;}
}*/

@media screen and (max-width: 1024px){
.mega-menu-content { display: none!important;}
}

.elementor-sticky--active { z-index: 200!important;}

.main-menu { width: calc(100% - 210px); }

/* meili search btn */
.meili-search-btn.elementor-widget-msw-search.hide-on-custom { display: none}
.meili-search-btn.elementor-widget-msw-search .elementor-widget-container { display: flex;flex-direction: row;justify-content: center;}
.meili-search-btn.elementor-widget-msw-search.hide-on-custom:hover .elementor-widget-container .msw-trigger .msw-trigger__icon { stroke: #fff!important}
.meili-search-btn.elementor-widget-msw-search.hide-on-custom:hover .elementor-widget-container .msw-trigger { background-color:  var(--e-global-color-ba74db0)!important; }

.meili-search-btn.elementor-widget-msw-search.hide-on-custom .elementor-widget-container .msw-trigger .msw-trigger__icon { height: 20px!important; width: 20px!important; stroke:  var(--e-global-color-ba74db0)!important}
.meili-search-btn.elementor-widget-msw-search { padding: 0 20px}


@media screen and (min-width: 1024px){
  /* ═══════════════════════════════════════════════════════════
   MEGA MENU — variables globales
   ═══════════════════════════════════════════════════════════ */
:root {
  --mm-bg: #ffffff;
 --mm-radius: 18px;
 --mm-shadow: 0 20px 60px rgba(26,31,60,.14);
 --mm-overlay: rgba(255, 255, 255, 0.35);
 --mm-z-overlay: 9998;
 --mm-z-menu: 9999;
 --header-height: 135px;/* surchargé en JS */
 --header-height-sticky: 95px;
}

.btn-contact a {
  border: 3px solid  transparent!important;
  padding: 10px 18px!important;
  height: 42px!important;
}

.btn-contact a:hover {
  border: 3px solid #000!important;
}

.elementor-item.highlighted:not(.elementor-item-active) {
  color: inherit !important;
  background: transparent !important;
}


/* Quand Elementor active le sticky, on remonte le megamenu */
body:has(.elementor-sticky--active) .mega-menu-content {
  top: var(--header-height-sticky)!important;
}

/* Overlay derrière le mega menu — fade only */
#overlay {
position: fixed;
top: var(--header-height);  /* commence sous le header pour le garder cliquable */
left: 0;
right: 0;
bottom: 0;
background: var(--mm-overlay);
backdrop-filter: blur(2px);     /* optionnel, retire si tu n'en veux pas */
z-index: var(--mm-z-overlay);                  /* juste sous le wrapper du menu (9999) */
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .22s ease, visibility .22s;
}

#overlay.show {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

/* Container du mega menu — centré, 800px max, fade only */
.mega-menu-content {
position: fixed !important;
top: var(--header-height) !important;
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
width: 100% !important;
max-width: 850px !important;
margin: 0 !important;
padding: 20px;
background: var(--mm-bg);
border-radius: var(--mm-radius);
box-shadow: var(--mm-shadow);
overflow: hidden;
z-index: var(--mm-z-menu);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .22s ease, visibility .22s;
}

/* État ouvert */
.mega-menu-content.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}

/* Sécurité : empêche le contenu interne de forcer une largeur > 800px */
.mega-menu-content > * {
max-width: 100% !important;
box-sizing: border-box;
}

/* Responsive : marge sur les côtés en dessous de 832px */
@media (max-width: 832px) {
.mega-menu-content {
  max-width: calc(100vw - 32px) !important;
}
}

.epicerieBtn > ul.sub-menu {display: none!important;}

.mega-menu-content .liste-categories .categorie-item:hover { transform: translateY(-3px); box-shadow:  0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);}
.mega-menu-content .liste-categories .categorie-item .image { width: 68px; height: 68px; object-fit: contain; transition: transform .22s;}
.mega-menu-content .liste-categories .categorie-item:hover .image { transform: scale(1.08) translateY(-2px); }
.mega-menu-content {position: relative;}


.mega-menu-content .liste-categories {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  list-style-type: none;
  padding: 0!important;
}

.mega-menu-content .liste-categories a {
display: flex;
flex-direction: column;
align-items: center;
}

.mega-menu-content .liste-categories .categorie-item {   
padding: 15px;
border-radius: 10px;
list-style-type: none;
transition: transform .18s, box-shadow .18s;
}

.mega-menu-content .liste-categories .categorie-item:hover {
/*filter:drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;*/
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px!important;
}

.mega-menu-content .liste-categories .categorie-item .categorie-infos {
display: flex;
flex-direction: column;
align-items: center;
}

.mega-menu-content .liste-categories .categorie-item:hover .categorie-infos  .title {
color:  #29398D;
}

.mega-menu-content .liste-categories .categorie-item .categorie-infos  .title {
text-align: center;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 15px 0 10px;
color:  #29398D;
}

.mega-menu-content .liste-categories .categorie-item .categorie-infos .count {
color: #686868;
text-align: center;
font-family: Montserrat;
font-size: 10px;
font-style: normal;
font-weight: var(--e-global-typography-primary-font-weight);
}
}



/* bandeau promo */
.bandeau-promo .ue-marquee-tag .ue_marq_text_wrap {position: relative!important;padding-left: 28px!important}
.bandeau-promo .ue-marquee-tag .ue_marq_text_wrap::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('https://hexagone.logia-web.fr/wp-content/uploads/2026/05/discount.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* logging in menu*/

.xoo-el-login-tgr .elementor-button-content-wrapper { align-items: center;}
.xoo-el-login-tgr .elementor-button  { padding: 9px 20px !important;}
.xoo-el-login-tgr:hover .elementor-button { background-color:  var(--e-global-color-ba74db0) !important; color: #fff !important; }
.xoo-el-login-tgr.logia-account__trigger.logia-account__btn{ border-width: 3px!important;}

.xoo-el-inmodal .xoo-el-srcont {display: flex; flex-direction: column; justify-content: center;}

 
/* icon cart in menu */
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger { border: solid 3px #29398d !important; border-radius: 20px !important; padding: 9px 20px 7px!important; }
.xoo-wsc-sc-cont .xoo-wsc-sc-bki.xoo-wsc-icon-basket5, .xoo-wsc-sc-cont .xoo-wsc-sc-bki.xoo-wsc-icon-basket5::before { font-size: 1.20rem !important; color: #29398d !important; }
.xoo-wsc-sc-cont .xoo-wsc-sc-count { display: none; }
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger:hover { background-color:  var(--e-global-color-ba74db0) !important; }
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger:hover .xoo-wsc-sc-bki.xoo-wsc-icon-basket5::before { color: #fff !important; }


.logia-account__trigger + div.logia-account__dropdown { background: var(--e-global-color-ba74db0); padding: 0!important; overflow:hidden; margin-top: -5px}
.logia-account__trigger + div.logia-account__dropdown > a { color: #fff!important; width: 100%; display: inline-block; padding: 15px!important}
.logia-account__trigger + div.logia-account__dropdown > a:hover, .logia-account__trigger + div.logia-account__dropdown > a:active {
  background: #fff!important;
  color: var(--e-global-color-ba74db0)!important;
}



@media (max-width: 1024px) {
    /* menu*/
    .epicerieBtn > ul.sub-menu {display: block!important; padding-left: 1rem!important; }
    .epicerieBtn > ul.sub-menu li.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat a { font-size: 0.875rem!important;padding: .75rem 1.5rem .75rem 0!important;}

  
    /* menu */
   header .menu-mobile { display: flex!important; }
    #navBar { transition: border-radius 0.5s ease-in-out;}
    #navBar.scrolled { border-radius: 0 0 20px 20px; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px; }
    #menu-website-main-menu { flex-grow: 1!important; display: flex!important; flex-direction: column!important;}
    #menu-website-main-menu li a { background: transparent!important; text-transform: uppercase!important; }
    .main-menu li,  .main-menu li a,  .main-menu li:hover,  .main-menu li:hover a,
    #menu-website-main-menu li:hover, #menu-website-main-menu li:hover a, #menu-website-main-menu li:active, #menu-website-main-menu li:active a { background: transparent!important; }
    #menu-website-main-menu li:hover a { color: var(--e-global-color-primary); }
    #menu-website-main-menu + .side-menu-after > div { width: 100%!important; }

    /* cart in menu*/
    .xoo-wsc-sc-cont .xoo-wsc-cart-trigger{ border-radius: 15px !important; padding: 8px 5px 5px!important; }
    .xoo-wsc-sc-cont .xoo-wsc-sc-bki.xoo-wsc-icon-basket5, .xoo-wsc-sc-cont .xoo-wsc-sc-bki.xoo-wsc-icon-basket5::before { font-size: 1.2rem !important; }
    .xoo-wsc-sc-cont .xoo-wsc-sc-bkcont { margin: 0!important; }

    .meili-search-btn.elementor-widget-msw-search .elementor-widget-container button.msw-trigger {
      border-radius: 15px!important;
      padding: 7px 5px 3px !important;
    }

    .xoo-el-login-tgr.logia-account__trigger.logia-account__btn { padding: 8px!important; justify-content: center;}

    /*.logia-account  { align-items: center; height: 42px; border: 3px solid var(--e-global-color-ba74db0); border-radius: 15px; padding: 7px 20px 11px!important;}*/
    .logia-account  { align-items: center; border: 3px solid var(--e-global-color-ba74db0); border-radius: 15px; padding: 7px 20px 11px!important;}


    body .meili-search-btn.elementor-widget-msw-search .msw-trigger,
    body .logia-account__trigger.logia-account__btn.xoo-el-login-tgr,
    body .xoo-wsc-sc-cont .xoo-wsc-cart-trigger,
    body .logia-account { height: 42px!important; width: 40px!important;}

    body .logia-account  {  border-radius: 15px; padding: 8px 10px!important;}
  }

@media screen and (max-width: 767px) {
  #menu-website-main-menu + .side-menu-after { display: flex!important; }
  .main-menu { flex-grow: 1!important;}
}

/*@media screen and (max-width: 550px) {
  .elementor-element .xoo-wsc-sc-cont .xoo-wsc-cart-trigger{ padding: 8px 9px!important; }
  body .meili-search-btn.elementor-widget-msw-search .elementor-widget-container .msw-trigger {  padding: 9px 2px 9px 9px!important; }
  .logia-account  { padding: 7px 11px 11px!important;}
}*/


@media screen and  (max-width: 1250px) {
    .xoo-el-login-tgr .elementor-button-content-wrapper,  .logia-account { align-items: center;}
    .xoo-el-login-tgr.logia-account__trigger.logia-account__btn .logia-account__label{ display: none!important;}
    .xoo-el-login-tgr:hover .elementor-button { background-color:  var(--e-global-color-ba74db0) !important; color: #fff !important; }
    .xoo-el-login-tgr.logia-account__trigger.logia-account__btn { padding: 9px 18px;}
    .xoo-el-login-tgr.logia-account__trigger.logia-account__btn img { width: 20px!important; height: 20px!important; max-width: none!important;}
    .meili-search-btn.elementor-widget-msw-search:not(.hide-on-custom) { display: none!important}
    .meili-search-btn.elementor-widget-msw-search .elementor-widget-container .msw-trigger {border-radius: 20px;padding: 9px 12px!important;margin-left: 10px!important; }
    .xoo-wsc-sc-cont .xoo-wsc-cart-trigger{ padding-right: 17px!important; padding-left: 17px!important; }
    .meili-search-btn.elementor-widget-msw-search.hide-on-custom { display: flex}
    .meili-search-btn.elementor-widget-msw-search { padding: 0 }

    .meili-search-btn.elementor-widget-msw-search .elementor-widget-container .msw-trigger { border-width: 3px!important; display: inline-block!important}
    .meili-search-btn.elementor-widget-msw-search .msw-trigger,
    .logia-account__trigger.logia-account__btn.xoo-el-login-tgr,
    .xoo-wsc-sc-cont .xoo-wsc-cart-trigger { height: 42px!important; width: 60px!important;}
    .logia-account  {  border-radius: 20px; padding: 7px 23px 11px!important;}
  }

  @media screen and  (min-width: 1250px) {
    body .meili-search-btn.elementor-widget-msw-search .msw-trigger { display: flex!important;}
  }
  
  .logia-account  { align-items: center; border: 3px solid var(--e-global-color-ba74db0); border-radius: 20px; padding: 7px 23px 11px!important;}
  .meili-search-btn.elementor-widget-msw-search .msw-trigger,
  .logia-account__trigger.logia-account__btn.xoo-el-login-tgr,
  .xoo-wsc-sc-cont .xoo-wsc-cart-trigger { height: 42px!important;}