/* BEMED cascade flyout menu (desktop). Phase 1 of menu rebuild. */

/* At desktop, hide the legacy mega-menu Szolgáltatások/Megoldások and show
   the new cascade. Below xl, do the opposite so the existing mobile drawer
   keeps working until Phase 2 ships. Selectors include #mainNavbar so they
   beat the existing visibility rules in header.htm that pin every nav <li>
   to display:list-item !important. */
@media (min-width: 1200px) {
  .header #mainNavbar .navbar-nav > li.bm-flyout {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .header #mainNavbar .navbar-nav > li.dropdown.nav-item:has(> .dropdown-menu.megamenu) {
    display: none !important;
  }
  /* Unhide trigger label spans (.header a.nav-link > span is set to display:none
     to kill a vendor blue ? glyph; our trigger needs them visible). */
  .header #mainNavbar .navbar-nav > li.bm-flyout > a.nav-link > span {
    display: inline-flex !important;
  }
}
@media (max-width: 1199.98px) {
  .navbar-nav > li.bm-flyout { display: none !important; }
}

:root{
  --bm-ivory:#FBF9F5; --bm-sand-50:#F7F1E4; --bm-sand-100:#F5F1E9; --bm-sand-200:#ECE6DA;
  --bm-sand-300:#DED6C6; --bm-champ:#E3D2AE; --bm-ink:#1B1813; --bm-text:#514A3F;
  --bm-muted:#9E9382; --bm-gold:#BE9B5D; --bm-gold-deep:#876A3A; --bm-gold-soft:#A8854A;
  --bm-serif:'Cormorant Garamond',Georgia,serif;
  --bm-sans:'Montserrat','Helvetica Neue',Arial,sans-serif;
}
.bm-flyout *{box-sizing:border-box;}

/* The dropdown anchors to the navbar-nav row (not the individual trigger li)
   so we can center it on the navbar width — the cascade is 760–960px wide,
   wider than any single trigger, and centering on the trigger would push
   it off-screen. Hovering the trigger still opens it via :hover. */
.navbar-nav:has(> li.bm-flyout){position:relative;}
.bm-has-menu{position:static;}
.bm-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);
  z-index:1080;padding-top:10px;opacity:0;visibility:hidden;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;}
.bm-has-menu:hover>.bm-menu,
.bm-has-menu:focus-within>.bm-menu{opacity:1;visibility:visible;transform:translateX(-50%);}
.bm-dropdown{background:var(--bm-ivory);border:1px solid var(--bm-sand-200);border-radius:12px;
  box-shadow:0 30px 60px -28px rgba(27,24,19,.35);overflow:hidden;font-family:var(--bm-sans);}

/* cascade body */
.bm-cascade{display:flex;min-height:300px;}
.bm-cascade__cats{flex:0 0 296px;background:var(--bm-sand-100);padding:12px;
  border-right:1px solid var(--bm-sand-200);}
.bm-cat{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:13px 16px;border:none;background:none;border-radius:8px;cursor:pointer;text-align:left;
  font-family:inherit;font-size:14px;color:var(--bm-ink);transition:background .18s,color .18s;
  text-decoration:none;}
.bm-cat__label{display:inline-flex;align-items:center;gap:10px;}
.bm-cat__n{font-family:var(--bm-serif);font-size:13px;color:var(--bm-gold-soft);}
.bm-cat__chev{font-size:11px;color:var(--bm-gold-soft);}
.bm-cat:hover{color:var(--bm-gold-deep);}
.bm-cat.is-active{background:#fff;box-shadow:0 10px 26px -18px rgba(27,24,19,.32);}

.bm-cascade__body{display:none;flex:1;}
.bm-cascade__body.is-active{display:flex;}
.bm-cascade__sub{flex:0 0 300px;padding:18px 18px 18px 22px;border-right:1px solid var(--bm-sand-200);}
.bm-cascade__sub--full{flex:1;border-right:none;}
.bm-coltitle{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--bm-gold-deep);margin:0 0 14px;}
.bm-subgroup{display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:13px 16px;border:none;background:none;border-radius:8px;cursor:pointer;text-align:left;
  font-family:inherit;font-size:14px;color:var(--bm-ink);transition:background .18s,color .18s;
  text-decoration:none;}
.bm-subgroup:hover{color:var(--bm-gold-deep);}
.bm-subgroup.is-active{background:#fff;box-shadow:0 10px 26px -18px rgba(27,24,19,.32);}
.bm-subgroup__chev{font-size:11px;color:var(--bm-gold-soft);}
.bm-cascade__items{flex:1;padding:18px 24px;background:#fff;}
.bm-itemset{display:none;}
.bm-itemset.is-active{display:block;}
.bm-itemset--cols{column-count:2;column-gap:32px;}
.bm-item{display:block;font-weight:300;font-size:14px;line-height:1.3;color:var(--bm-text);
  text-decoration:none;cursor:pointer;padding:6px 0;break-inside:avoid;transition:color .18s;}
.bm-item:hover{color:var(--bm-gold-deep);}

/* champagne CTA strip at bottom of dropdown */
.bm-menu__cta{display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:18px 24px;background:var(--bm-sand-50);border-top:1px solid var(--bm-champ);}
.bm-menu__cta p{margin:0;font-family:var(--bm-serif);font-weight:300;font-size:21px;color:#3E311B;}
.bm-menu__cta .bm-cta{padding:12px 20px;font-weight:600;font-size:11px;letter-spacing:.12em;
  white-space:nowrap;border:none;background:var(--bm-gold);color:var(--bm-ink);border-radius:5px;
  cursor:pointer;text-transform:uppercase;text-decoration:none;display:inline-flex;
  align-items:center;gap:6px;font-family:var(--bm-sans);transition:background .18s;}
.bm-menu__cta .bm-cta:hover{background:var(--bm-gold-deep);color:#fff;}

/* Mobile drawer (Phase 2). Right-slide full-height panel that replaces the
   legacy Bootstrap navbar-collapse at <1200px. Tap burger opens it, tap close
   X or any leaf link closes it. */
.bm-drawer{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:9999;background:var(--bm-ivory);
  display:flex;flex-direction:column;font-family:var(--bm-sans);
  transform:translateX(100%);transition:transform .3s ease;visibility:hidden;}
.bm-drawer.is-open{transform:none;visibility:visible;}
.bm-drawer__header{display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;border-bottom:1px solid var(--bm-sand-200);}
.bm-drawer__logo{height:30px;}
.bm-drawer__close{font-size:22px;line-height:1;color:var(--bm-ink);background:none;border:none;cursor:pointer;padding:8px 12px;}
.bm-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.bm-acc__row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:17px 24px;border:none;border-bottom:1px solid var(--bm-sand-200);background:none;
  text-align:left;font-family:inherit;font-size:15px;color:var(--bm-ink);cursor:pointer;
  text-decoration:none;}
.bm-acc__sign{font-size:18px;color:var(--bm-gold-soft);width:16px;text-align:center;}
.bm-acc__label{display:inline-flex;align-items:center;gap:9px;}
.bm-acc__n{font-family:var(--bm-serif);font-size:13px;color:var(--bm-gold-soft);}
.bm-acc__panel{display:none;}
.bm-acc__panel.is-open{display:block;}
.bm-acc--l2{background:var(--bm-sand-100);}
.bm-acc__row--l2{padding:14px 24px;font-size:13.5px;border-top:1px solid var(--bm-sand-200);border-bottom:none;}
.bm-acc--l3{background:var(--bm-ivory);}
.bm-acc__row--l3{padding:12px 24px 12px 44px;font-size:12.5px;font-weight:500;color:var(--bm-text);
  border-top:1px solid var(--bm-sand-200);border-bottom:none;}
.bm-acc__leaves{padding:4px 0 8px;}
.bm-acc__leaf{display:block;padding:8px 24px 8px 60px;font-size:13px;font-weight:300;
  color:var(--bm-text);text-decoration:none;}
.bm-acc__leaf--flat{padding-left:44px;border-top:1px solid var(--bm-sand-200);}
.bm-drawer__footer{display:flex;align-items:center;gap:14px;padding:16px 24px 22px;
  border-top:1px solid var(--bm-sand-200);}
.bm-drawer__footer .bm-lang{font-size:13px;color:var(--bm-muted);}
.bm-drawer__footer .bm-lang b{color:var(--bm-ink);font-weight:500;}
.bm-drawer__footer .bm-lang i{color:var(--bm-sand-300);font-style:normal;margin:0 6px;}
.bm-drawer__footer .bm-cta{flex:1;padding:14px;font-size:12.5px;font-weight:600;letter-spacing:.1em;
  border:none;background:var(--bm-gold);color:var(--bm-ink);border-radius:5px;cursor:pointer;
  text-transform:uppercase;text-decoration:none;text-align:center;font-family:var(--bm-sans);}
body.bm-drawer-open{overflow:hidden;}

/* At desktop, drawer is fully suppressed. Below xl, hide the legacy navbar
   collapse so the drawer is the sole mobile nav. */
@media (min-width: 1200px) {
  .bm-drawer{display:none !important;}
}
@media (max-width: 1199.98px) {
  .header #mainNavbar,
  .header #mainNavbar.navbar-collapse,
  .header #mainNavbar.navbar-collapse.show,
  .header #mainNavbar.navbar-collapse.collapsing,
  .header .mobile-menu-back,
  .header .mobile-menu-close,
  .header .mobile-menu-footer{display:none !important;visibility:hidden !important;}
}
</content>
</invoke>