/* =========================================================
   VGTME — BBT Mega-Menu theme bridge
   Maps bbt-megamenu (.bbtm-*) output onto the VGT header look:
   transparent gold-on-dark bar that turns white when sticky,
   rounded white dropdowns, off-canvas drawer on mobile.
   Loaded AFTER bbt-megamenu.css so these overrides win.
   ========================================================= */

/* ---- Brand palette mapped onto the module's CSS variables ---- */
.bbtm-nav{
  --bbtm-bg:#ffffff;
  --bbtm-border:var(--line);
  --bbtm-heading:var(--ink);
  --bbtm-text:var(--grey);
  --bbtm-link:var(--ink);
  --bbtm-accent:var(--gold);
  --bbtm-accent-soft:var(--gold-soft);
  --bbtm-card-bg:var(--bg-soft);
  --bbtm-cta-bg:var(--gold);
  --bbtm-cta-text:#ffffff;
  --bbtm-badge-bg:#1FA463;
  --bbtm-badge-text:#ffffff;
  --bbtm-radius:12px;
  --bbtm-shadow:0 22px 54px -18px rgba(0,0,0,.28);
}

/* ---- Top-level bar ---- */
.site-header .bbtm-nav{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.site-header .bbtm-nav>li{position:relative}
.site-header .bbtm-nav>li>a{
  font-family:var(--ff-head);font-weight:500;font-size:1.25rem;color:#fff;
  padding:12px 16px;display:inline-flex;align-items:center;gap:7px;position:relative;transition:var(--t)}
.site-header .bbtm-nav>li>a::after{
  content:"";position:absolute;left:16px;right:16px;bottom:8px;height:2px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:var(--t)}
.site-header .bbtm-nav>li>a:hover{color:var(--gold-light)}
.site-header .bbtm-nav>li>a:hover::after,
.site-header .bbtm-nav>li.bbtm-current>a::after{transform:scaleX(1)}
.site-header .bbtm-nav>li.bbtm-current>a{color:var(--gold-light)}

/* Sticky white header → dark links */
.site-header.stuck .bbtm-nav>li>a{color:var(--ink)}
.site-header.stuck .bbtm-nav>li>a:hover,
.site-header.stuck .bbtm-nav>li.bbtm-current>a{color:var(--gold)}

/* ---- Dropdown panels ---- */
.site-header .bbtm-submenu{
  border:none;border-radius:12px;padding:10px 0;min-width:260px;margin-top:2px;
  box-shadow:var(--bbtm-shadow)}
.site-header .bbtm-submenu__link{
  font-family:var(--ff-head);font-weight:600;font-size:.88rem;padding:11px 22px;color:var(--ink)}
.site-header .bbtm-submenu__link:hover{background:var(--gold-soft);color:var(--gold-deep);padding-left:27px}
/* current/active submenu item highlight */
.site-header .bbtm-submenu .bbtm-current > .bbtm-submenu__link,
.site-header .bbtm-submenu .current-menu-item > .bbtm-submenu__link,
.site-header .bbtm-submenu .current_page_item > .bbtm-submenu__link{
  background:var(--gold-soft);color:var(--gold-deep)}
/* current/active mega-panel link (e.g. the Services item you're viewing) */
.site-header .bbtm-link.bbtm-current{background:var(--gold-soft)}
.site-header .bbtm-link.bbtm-current .bbtm-link__title{color:var(--gold-deep)}
.site-header .bbtm-panel{border-top:3px solid var(--gold);border-radius:0 0 12px 12px}

/* ---- Desktop: reveal on hover (in addition to bbt click) ---- */
@media(min-width:992px){
  .site-header .bbtm-nav>li.bbtm-has-dropdown:hover>.bbtm-submenu,
  .site-header .bbtm-nav>li.bbtm-parent:hover>.bbtm-panel{opacity:1;visibility:visible;transform:translateY(0)}
  .site-header .bbtm-nav>li.bbtm-parent--full:hover>.bbtm-panel--full{transform:translateX(-50%) translateY(0)}
  .site-header .bbtm-nav>li.bbtm-has-dropdown:hover>a .bbtm-caret{transform:rotate(180deg)}
}

/* ---- Mobile: off-canvas drawer (bbt handles the inner accordion) ---- */
@media(max-width:992px){
  .site-header .bbtm-nav.menu{
    position:fixed;top:0;right:-100%;width:82%;max-width:340px;height:100vh;background:#fff;
    flex-direction:column;align-items:stretch;padding:100px 26px 30px;gap:4px;
    box-shadow:-20px 0 50px -20px rgba(0,0,0,.3);transition:right .4s ease;z-index:1100;overflow-y:auto}
  .site-header .bbtm-nav.menu.open{right:0}
  .site-header .bbtm-nav>li{border-bottom:1px solid var(--line)}
  .site-header .bbtm-nav>li>a{color:var(--ink);padding:15px 4px;font-size:1.05rem}
  .site-header .bbtm-nav>li>a::after{display:none}
  .site-header .bbtm-submenu{background:var(--bg-soft);box-shadow:none;border-radius:0;min-width:0}
  .site-header .bbtm-submenu__link{color:var(--grey);padding:13px 22px}
  .site-header .bbtm-submenu__link:hover{padding-left:26px}

  /* Burger animation (hidden on desktop) */
  .burger{display:flex;z-index:1200}
  .burger.active span{background:var(--ink)}
  .burger.active span:nth-child(1){transform:translateY(7.6px) rotate(45deg)}
  .burger.active span:nth-child(2){opacity:0}
  .burger.active span:nth-child(3){transform:translateY(-7.6px) rotate(-45deg)}
}