/* =========================================================
   BeautyLady.gr — PREMIUM MOBILE NAVIGATION
   Based on the proven SteileLouloudia Neve mobile menu structure.
   Presentation only: WordPress remains the source of links/hierarchy.
========================================================= */

@media (max-width:960px){
  :root{
    --bl-nav-bg:#050505;
    --bl-nav-card:#0d0d10;
    --bl-nav-card2:#141417;
    --bl-nav-gold:#d6a83f;
    --bl-nav-gold2:#f0cf7b;
    --bl-nav-pink:#ff1493;
    --bl-nav-pink2:#ff79c2;
    --bl-nav-text:#fff;
    --bl-nav-soft:#d8d0c3;
    --bl-nav-line:rgba(214,168,63,.20);
  }

  /* Mobile header only. Desktop remains untouched. */
  #header-grid,.site-header,#masthead,.hfg-header,.header-main,.header-main-inner,.header--row,.header--row-inner,.hfg-row,.hfg-row-inner,.hfg-grid{
    background:#050505!important;background-color:#050505!important;
  }

  .site-header .builder-item--nav-icon,#masthead .builder-item--nav-icon,.hfg-header .builder-item--nav-icon,.navbar-toggle-wrapper{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;background:transparent!important;
  }

  .site-header .builder-item--nav-icon .navbar-toggle,#masthead .builder-item--nav-icon .navbar-toggle,.hfg-header .builder-item--nav-icon .navbar-toggle{
    width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(214,168,63,.38)!important;border-radius:13px!important;background:rgba(214,168,63,.07)!important;color:var(--bl-nav-gold2)!important;box-shadow:0 7px 22px rgba(0,0,0,.28)!important;
  }
  .site-header .builder-item--nav-icon .navbar-toggle svg,#masthead .builder-item--nav-icon .navbar-toggle svg,.hfg-header .builder-item--nav-icon .navbar-toggle svg{color:var(--bl-nav-gold2)!important;fill:var(--bl-nav-gold2)!important;}

  #header-menu-sidebar,#header-menu-sidebar *{box-sizing:border-box!important;}
  #header-menu-sidebar{position:fixed!important;z-index:2147483000!important;inset:0!important;width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:rgba(0,0,0,.78)!important;color:var(--bl-nav-text)!important;font-family:Arial,Helvetica,sans-serif!important;}
  body:not(.is-menu-sidebar) #header-menu-sidebar,body:not(.is-menu-sidebar) #header-menu-sidebar *{visibility:hidden!important;pointer-events:none!important;}
  body.is-menu-sidebar #header-menu-sidebar{visibility:visible!important;pointer-events:auto!important;opacity:1!important;transform:translate3d(0,0,0)!important;}

  #header-menu-sidebar #header-menu-sidebar-bg{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;width:min(100%,760px)!important;max-width:760px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;background:radial-gradient(circle at 100% 0%,rgba(255,20,147,.13),transparent 34%),radial-gradient(circle at 0% 20%,rgba(214,168,63,.10),transparent 30%),linear-gradient(165deg,#08080a 0%,#050505 58%,#0d0a0d 100%)!important;box-shadow:0 0 80px rgba(0,0,0,.72)!important;}
  #header-menu-sidebar-bg::before{display:none!important;}

  #header-menu-sidebar .close-sidebar-panel{position:relative!important;inset:auto!important;z-index:5!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:none!important;min-height:74px!important;height:auto!important;margin:0!important;padding:max(12px,env(safe-area-inset-top)) 18px 12px!important;border:0!important;border-bottom:1px solid rgba(214,168,63,.20)!important;background:rgba(5,5,5,.98)!important;box-shadow:0 9px 28px rgba(0,0,0,.28)!important;}
  #header-menu-sidebar .close-sidebar-panel::before{content:"Beauty Lady"!important;color:var(--bl-nav-gold2)!important;font:800 22px/1.2 Georgia,"Times New Roman",serif!important;letter-spacing:.01em!important;}
  #header-menu-sidebar .close-sidebar-panel .navbar-toggle,#header-menu-sidebar button.close,#header-menu-sidebar .navbar-toggle.close{position:relative!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,20,147,.36)!important;border-radius:14px!important;background:rgba(255,20,147,.08)!important;color:var(--bl-nav-pink2)!important;box-shadow:none!important;transform:none!important;animation:none!important;}

  #header-menu-sidebar #header-menu-sidebar-inner{flex:1 1 auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:18px 18px max(34px,env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;background:transparent!important;box-shadow:none!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,20,147,.7) #09090b!important;}
  body.is-menu-sidebar #header-menu-sidebar-inner{display:block!important;opacity:1!important;}
  #header-menu-sidebar :is(.builder-item,.item--inner,.nv-nav-wrap,.nav-menu-primary){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;}

  /* Two-column premium cards */
  #header-menu-sidebar .nav-ul,#header-menu-sidebar .navbar-nav,#header-menu-sidebar ul.menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row dense!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;list-style:none!important;text-align:initial!important;overflow:visible!important;transform:none!important;background:transparent!important;}
  #header-menu-sidebar .nav-ul>li,#header-menu-sidebar .navbar-nav>li,#header-menu-sidebar ul.menu>li{position:relative!important;display:block!important;float:none!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  #header-menu-sidebar li>.wrap{position:relative!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:transparent!important;}

  #header-menu-sidebar .nav-ul>li>.wrap>a,#header-menu-sidebar .navbar-nav>li>.wrap>a,#header-menu-sidebar ul.menu>li>.wrap>a,#header-menu-sidebar .nav-ul>li>a,#header-menu-sidebar .navbar-nav>li>a,#header-menu-sidebar ul.menu>li>a{
    --bl-menu-icon-local:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='4'/%3E%3Cpath d='M8 12h8m-4-4v8'/%3E%3C/svg%3E");
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:118px!important;height:100%!important;margin:0!important;padding:16px 10px!important;border:1px solid rgba(214,168,63,.22)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(18,18,21,.98),rgba(8,8,10,.98))!important;color:#fff!important;-webkit-text-fill-color:currentColor!important;font:800 13.5px/1.42 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-align:center!important;text-decoration:none!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;box-shadow:0 9px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
  }
  #header-menu-sidebar .nav-ul>li>.wrap>a::before,#header-menu-sidebar .navbar-nav>li>.wrap>a::before,#header-menu-sidebar ul.menu>li>.wrap>a::before,#header-menu-sidebar .nav-ul>li>a::before,#header-menu-sidebar .navbar-nav>li>a::before,#header-menu-sidebar ul.menu>li>a::before{content:""!important;display:block!important;flex:0 0 29px!important;width:29px!important;height:29px!important;background:linear-gradient(135deg,var(--bl-nav-gold2),var(--bl-nav-pink))!important;-webkit-mask:var(--bl-menu-icon-local) center/contain no-repeat!important;mask:var(--bl-menu-icon-local) center/contain no-repeat!important;}
  #header-menu-sidebar .nav-ul>li>.wrap>a::after,#header-menu-sidebar .navbar-nav>li>.wrap>a::after,#header-menu-sidebar ul.menu>li>.wrap>a::after,#header-menu-sidebar .nav-ul>li>a::after,#header-menu-sidebar .navbar-nav>li>a::after,#header-menu-sidebar ul.menu>li>a::after{display:none!important;}

  /* Home full width */
  #header-menu-sidebar .nav-ul>li:first-child,#header-menu-sidebar .navbar-nav>li:first-child,#header-menu-sidebar ul.menu>li:first-child{grid-column:1/-1!important;}
  #header-menu-sidebar .nav-ul>li:first-child>.wrap>a,#header-menu-sidebar .navbar-nav>li:first-child>.wrap>a,#header-menu-sidebar ul.menu>li:first-child>.wrap>a,#header-menu-sidebar .nav-ul>li:first-child>a,#header-menu-sidebar .navbar-nav>li:first-child>a,#header-menu-sidebar ul.menu>li:first-child>a{flex-direction:row!important;justify-content:center!important;min-height:72px!important;height:auto!important;padding:14px 18px!important;gap:13px!important;border-color:rgba(214,168,63,.42)!important;background:linear-gradient(135deg,rgba(214,168,63,.13),rgba(13,13,16,.98))!important;}

  /* Any dropdown = full width */
  #header-menu-sidebar .nav-ul>.menu-item-has-children,#header-menu-sidebar .navbar-nav>.menu-item-has-children,#header-menu-sidebar ul.menu>.menu-item-has-children{grid-column:1/-1!important;}
  #header-menu-sidebar .nav-ul>.menu-item-has-children>.wrap,#header-menu-sidebar .navbar-nav>.menu-item-has-children>.wrap,#header-menu-sidebar ul.menu>.menu-item-has-children>.wrap{height:auto!important;}
  #header-menu-sidebar .nav-ul>.menu-item-has-children>.wrap>a,#header-menu-sidebar .navbar-nav>.menu-item-has-children>.wrap>a,#header-menu-sidebar ul.menu>.menu-item-has-children>.wrap>a,#header-menu-sidebar .nav-ul>.menu-item-has-children>a,#header-menu-sidebar .navbar-nav>.menu-item-has-children>a,#header-menu-sidebar ul.menu>.menu-item-has-children>a{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;min-height:80px!important;height:auto!important;padding:15px 76px 15px 18px!important;gap:14px!important;text-align:left!important;border-color:rgba(255,20,147,.34)!important;background:linear-gradient(135deg,rgba(255,20,147,.09),rgba(13,13,16,.98))!important;}

  #header-menu-sidebar .caret-wrap,#header-menu-sidebar .dropdown-toggle,#header-menu-sidebar .sub-menu-toggle{position:absolute!important;z-index:4!important;top:14px!important;right:12px!important;bottom:auto!important;left:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;margin:0!important;padding:14px!important;border:1px solid rgba(255,20,147,.38)!important;border-radius:13px!important;background:rgba(255,20,147,.08)!important;color:var(--bl-nav-pink2)!important;box-shadow:none!important;transform:none!important;}
  #header-menu-sidebar .caret,#header-menu-sidebar .caret-wrap svg,#header-menu-sidebar .dropdown-toggle svg,#header-menu-sidebar .sub-menu-toggle svg{display:block!important;width:100%!important;height:100%!important;color:currentColor!important;fill:currentColor!important;}
  #header-menu-sidebar .caret-wrap[aria-expanded="true"],#header-menu-sidebar .dropdown-toggle[aria-expanded="true"],#header-menu-sidebar .sub-menu-toggle[aria-expanded="true"]{background:rgba(255,20,147,.18)!important;border-color:var(--bl-nav-pink)!important;}

  /* Dropdown child cards */
  #header-menu-sidebar .sub-menu{display:none!important;position:static!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin:9px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;opacity:1!important;visibility:visible!important;list-style:none!important;overflow:visible!important;}
  #header-menu-sidebar .sub-menu.dropdown-open,#header-menu-sidebar .wrap:has(>.caret-wrap[aria-expanded="true"])+.sub-menu,#header-menu-sidebar .wrap:has(>.dropdown-toggle[aria-expanded="true"])+.sub-menu,#header-menu-sidebar .wrap:has(>.sub-menu-toggle[aria-expanded="true"])+.sub-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important;}
  #header-menu-sidebar .sub-menu>li{display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  #header-menu-sidebar .sub-menu>li:last-child:nth-child(odd){grid-column:1/-1!important;}
  #header-menu-sidebar .sub-menu>li>.wrap>a,#header-menu-sidebar .sub-menu>li>a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:58px!important;height:100%!important;margin:0!important;padding:13px 14px 13px 34px!important;position:relative!important;border:1px solid rgba(214,168,63,.16)!important;border-radius:13px!important;background:rgba(15,15,18,.96)!important;color:#fff!important;font:700 13px/1.42 Arial,Helvetica,sans-serif!important;text-align:left!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
  #header-menu-sidebar .sub-menu>li>.wrap>a::before,#header-menu-sidebar .sub-menu>li>a::before{content:""!important;position:absolute!important;left:14px!important;top:50%!important;width:7px!important;height:7px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--bl-nav-gold2),var(--bl-nav-pink))!important;transform:translateY(-50%)!important;}

  #header-menu-sidebar li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.nv-active)>.wrap>a,#header-menu-sidebar li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.nv-active)>a,#header-menu-sidebar .nav-ul a:hover,#header-menu-sidebar .navbar-nav a:hover,#header-menu-sidebar ul.menu a:hover{border-color:var(--bl-nav-pink)!important;color:var(--bl-nav-pink2)!important;-webkit-text-fill-color:currentColor!important;background:rgba(255,20,147,.10)!important;}

  /* Beauty Lady-specific icons by typical menu order: Home, Areas, Partner, Contact */
  #header-menu-sidebar .nav-ul>li:nth-child(1)>.wrap>a,#header-menu-sidebar .navbar-nav>li:nth-child(1)>.wrap>a,#header-menu-sidebar ul.menu>li:nth-child(1)>.wrap>a,#header-menu-sidebar .nav-ul>li:nth-child(1)>a,#header-menu-sidebar .navbar-nav>li:nth-child(1)>a,#header-menu-sidebar ul.menu>li:nth-child(1)>a{--bl-menu-icon-local:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v11H3Z'/%3E%3Cpath d='M9 21v-7h6v7'/%3E%3C/svg%3E");}
  #header-menu-sidebar .nav-ul>li:nth-child(2)>.wrap>a,#header-menu-sidebar .navbar-nav>li:nth-child(2)>.wrap>a,#header-menu-sidebar ul.menu>li:nth-child(2)>.wrap>a,#header-menu-sidebar .nav-ul>li:nth-child(2)>a,#header-menu-sidebar .navbar-nav>li:nth-child(2)>a,#header-menu-sidebar ul.menu>li:nth-child(2)>a{--bl-menu-icon-local:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");}
  #header-menu-sidebar .nav-ul>li:nth-child(3)>.wrap>a,#header-menu-sidebar .navbar-nav>li:nth-child(3)>.wrap>a,#header-menu-sidebar ul.menu>li:nth-child(3)>.wrap>a,#header-menu-sidebar .nav-ul>li:nth-child(3)>a,#header-menu-sidebar .navbar-nav>li:nth-child(3)>a,#header-menu-sidebar ul.menu>li:nth-child(3)>a{--bl-menu-icon-local:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V4h6v3M3 12h18M12 10v4'/%3E%3C/svg%3E");}
  #header-menu-sidebar .nav-ul>li:nth-child(4)>.wrap>a,#header-menu-sidebar .navbar-nav>li:nth-child(4)>.wrap>a,#header-menu-sidebar ul.menu>li:nth-child(4)>.wrap>a,#header-menu-sidebar .nav-ul>li:nth-child(4)>a,#header-menu-sidebar .navbar-nav>li:nth-child(4)>a,#header-menu-sidebar ul.menu>li:nth-child(4)>a{--bl-menu-icon-local:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");}
}

html.menu-open,body.menu-open,html.nav-open,body.nav-open,html.mobile-menu-open,body.mobile-menu-open,html.toggled,body.toggled,body.is-menu-sidebar{overflow:hidden!important;height:100%!important;}
#header-menu-sidebar,#header-menu-sidebar-bg,#header-menu-sidebar-inner{overscroll-behavior:contain!important;}

@media (max-width:390px){
  #header-menu-sidebar #header-menu-sidebar-inner{padding-left:12px!important;padding-right:12px!important;}
  #header-menu-sidebar .nav-ul,#header-menu-sidebar .navbar-nav,#header-menu-sidebar ul.menu{gap:8px!important;}
  #header-menu-sidebar .nav-ul>li>.wrap>a,#header-menu-sidebar .navbar-nav>li>.wrap>a,#header-menu-sidebar ul.menu>li>.wrap>a,#header-menu-sidebar .nav-ul>li>a,#header-menu-sidebar .navbar-nav>li>a,#header-menu-sidebar ul.menu>li>a{min-height:110px!important;font-size:12.7px!important;}
  #header-menu-sidebar .nav-ul>li:first-child>.wrap>a,#header-menu-sidebar .navbar-nav>li:first-child>.wrap>a,#header-menu-sidebar ul.menu>li:first-child>.wrap>a{min-height:68px!important;}
}