/* ====================== RESET & BASE ====================== */
*{margin:0;padding:0}
.homepage{position:relative;z-index:9999}
.digimeg-group:after{content:".";visibility:hidden;clear:both;display:block;line-height:0}

/* Logo */
.homepage .logo img{
  max-height:44px;width:auto;
  margin:8px 0 8px 12px !important; padding:0 !important;
}

/* Desktop nav base */
.digimeg-nav-wrap{position:relative;float:none;width:100%}
.digimeg-main-nav{display:block;width:100%;background:none}
.digimeg-main-nav li{list-style:none;display:inline;float:right}
.digimeg-main-nav li a{
  display:block;padding:20px 15px;text-decoration:none;font-size:100%;
  color:#005e97;position:relative
}
.digimeg-main-nav li a:hover,
.digimeg-main-nav li a.active{background:#005e97;color:#fff!important}
.digimeg-main-nav li a:focus{background:#005e97;color:#fff}

/* Desktop mega dropdown */
.digimeg-sub-nav{position:relative}
.digimeg-sub-nav>li{
  position:absolute;top:100%;left:0;display:none;width:100%;
  background:#005e97;border-bottom:1px solid #007dd2;padding-bottom:0
}
.digimeg-nav-item-content{padding:25px;color:#000;text-indent:7px}
.digimeg-nav-item-content h2{font:400 30px "segoe ui light",system-ui}
.digimeg-nav-item-content a{color:#fff}
.digimeg-nav-item-content a:hover{background:#007dd2}
.digimeg-nav-chunk{display:block;width:220px;float:left;margin-right:12px}
.digimeg-nav-chunk ul li a{font-size:100%;width:100%;display:block;margin-bottom:0;padding:3px 0}
.digimeg-active-mark{display:none}

/* Burger (hidden on desktop) */
.nav-toggle{
  display:none;background:#fff;border:1px solid #d8e6f3;border-radius:8px;
  font-size:22px;line-height:1;width:44px;height:44px;color:#005e97;cursor:pointer;
  align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.06)
}

/* ====================== MOBILE / TABLET (≤ 992px) ====================== */
@media (max-width:992px){

  header.homepage{padding:0 0 6px!important}

  /* header row: logo left, nav area holds button on right */
  .grid_3{float:left!important;width:auto!important}
  .digimeg-nav-wrap{float:right!important;width:60px!important;min-height:60px;position:relative}

  /* keep UL visible so burger inside it can show */
  .digimeg-main-nav{
    position:relative!important; display:block!important;
    background:#f7fbff; border-top:1px solid #e7f0f7; border-bottom:1px solid #e7f0f7;
    min-height:56px; overflow:visible; z-index:1000;
  }

  /* show burger (inside UL) */
  .digimeg-main-nav > .nav-toggle{
    display:inline-flex!important; position:absolute!important; right:12px; top:8px; z-index:10000
  }

  /* top-level items hidden by default */
  .digimeg-main-nav > li{
    display:none!important; float:none; width:100%; border-top:1px solid #e7f0f7
  }

  /* OPEN STATE — fixed full-width panel (prevents right side misalignment) */
  .digimeg-main-nav.is-open{
    position:fixed !important;       /* break out of 60px wrapper */
    left:0; right:0; top:60px;       /* adjust top if your header is taller */
    width:100%; max-height:calc(100vh - 60px);
    overflow:auto; z-index:10050;
    background:#f7fbff; box-shadow:0 6px 16px rgba(0,0,0,.08);
  }
  .digimeg-main-nav.is-open > li{ display:block!important }

  /* keep burger accessible while menu is open */
  .digimeg-main-nav.is-open > .nav-toggle{
    position:fixed !important; right:12px; top:12px; z-index:10060
  }

  .digimeg-main-nav > li > a{
    display:block; padding:14px 16px; font-size:15px; line-height:1.2; color:#005e97
  }

  /* disable desktop dropdown behavior */
  .digimeg-sub-nav{position:static!important}
  .digimeg-sub-nav > li{display:none!important;position:static!important}

  /* accordion holder (JS moves the right subnav <li> here) */
  .mobile-subnav{
    background:#005e97; overflow:hidden; max-height:0; border-top:1px solid #007dd2;
    transition:max-height .28s ease
  }
  .mobile-subnav.is-open{ max-height:2000px }   /* plenty of space */

  .mobile-subnav .digimeg-nav-item-content{padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
  .mobile-subnav .digimeg-nav-chunk{float:none;width:100%;margin:0 0 10px}
  .mobile-subnav .digimeg-nav-chunk ul li a{
    display:block; padding:9px 12px; font-size:14px; border-radius:6px;
    color:#fff; background:rgba(255,255,255,.08)
  }

  /* + / – indicator */
  .digimeg-main-nav li.has-sub > a{position:relative}
  .digimeg-main-nav li.has-sub > a::after{
    content:"+"; position:absolute; right:14px; top:50%; transform:translateY(-50%); font-weight:700
  }
  .digimeg-main-nav li.has-sub.open > a::after{content:"–"}

  /* remove any old floating burgers */
  .nav-toggle-global{display:none!important}
}

/* Prevent body scroll when menu open */
body.menu-open{overflow:hidden}

/* ====================== DESKTOP AGAIN (≥ 993px) ====================== */
@media (min-width:993px){
  .digimeg-sub-nav > li{top:100%;left:0}
}


/* === Mobile: Submenu — one item per row === */
@media (max-width: 992px){

  /* make each column full width (already), and tidy paddings */
  .mobile-subnav .digimeg-nav-item-content{ padding:10px; }
  .mobile-subnav .digimeg-nav-chunk{ float:none; width:100%; margin:0; }

  /* reset any grid/floats so items stack */
  .mobile-subnav .digimeg-nav-chunk ul{ list-style:none; margin:0; padding:0; }
  .mobile-subnav .digimeg-nav-chunk ul li{
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0;
    clear: both;
  }

  /* full-width tap targets */
  .mobile-subnav .digimeg-nav-chunk ul li a{
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    white-space: normal !important;   /* avoid pill-style wrapping */
    text-align: left;
    padding: 12px 14px;
    font-size: 14px;
    border-radius: 6px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
  }
}


/* --- Mobile submenu: show everything, no pill backgrounds --- */
@media (max-width: 992px){

  /* Main panel scroll OK */
  .digimeg-main-nav.is-open{
    max-height: calc(100vh - 60px);
    overflow: auto;
  }

  /* Submenu should not cut off */
  .mobile-subnav{
    max-height: 0;
    overflow: hidden;
  }
  .mobile-subnav.is-open{
    max-height: 99999px;      /* very large so content fully shows */
    overflow: visible;
    padding-bottom: 12px;     /* little breathing room at bottom */
  }

  /* One item per row (stack) */
  .mobile-subnav .digimeg-nav-chunk{ float:none; width:100%; margin:0; }
  .mobile-subnav .digimeg-nav-chunk ul{ margin:0; padding:0; list-style:none; }
  .mobile-subnav .digimeg-nav-chunk ul li{
    display:block !important;
    float:none !important;
    width:100% !important;
    margin:0 0 8px 0;
    clear:both;
  }

  /* Remove the pill/box background on each link */
  .mobile-subnav .digimeg-nav-chunk ul li a{
    display:block !important;
    width:100% !important;
    box-sizing:border-box;
    padding:10px 12px;
    font-size:14px;
    color:#fff;
    background: transparent !important;     /* <- no box */
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align:left;
    white-space: normal !important;
  }
}
@media (max-width:992px){
  .digimeg-main-nav.is-open{ top:60px; } /* adjust as needed */
}


@media (max-width: 992px){
  .digimeg-main-nav.is-open{
    position: fixed !important;
    left: 0; right: 0; top: 60px;          /* adjust if header taller */
    width: 100%;
    max-height: calc(100vh - 60px);
    overflow: auto;
    z-index: 99999;                         /* <- higher than slider */
    background: #f7fbff;
  }
  .digimeg-main-nav.is-open > .nav-toggle{
    position: fixed !important;
    right: 12px; top: 12px;
    z-index: 100000;
  }
}




/* ===== Mobile overlay menu (no HTML changes) ===== */
@media (max-width: 992px){
  /* keep existing UL visible for the burger only */
  .digimeg-main-nav{ position:relative !important; display:block !important; z-index:1; }
  .digimeg-main-nav > .nav-toggle{
    display:inline-flex !important; position:absolute; right:12px; top:8px;
    width:44px;height:44px;border:1px solid #d8e6f3;border-radius:8px;
    align-items:center;justify-content:center;background:#fff;color:#005e97;font-size:22px;z-index:3;
  }

  /* full-screen panel that we build with JS */
  .mnav-panel{
    position:fixed; left:0; right:0; top:var(--mnav-top,60px); bottom:0;
    background:#f7fbff; display:none; overflow:auto; z-index:2147483000;
    box-shadow:0 6px 16px rgba(0,0,0,.08);
  }
  .mnav-panel.open{ display:block; }
  .mnav-list{ list-style:none; margin:0; padding:8px 0 24px; }
  .mnav-item{ border-top:1px solid #e7f0f7; }
  .mnav-link{
    display:block; padding:14px 16px; color:#005e97; text-decoration:none; font-size:15px; line-height:1.2;
  }
  .mnav-toggle-sub{ float:right; font-weight:700; }
  .mnav-sub{ display:none; background:#005e97; padding:10px 8px 14px; }
  .mnav-sub.open{ display:block; }
  .mnav-sub a{
    display:block; padding:12px 14px; margin:0 0 8px; color:#fff; text-decoration:none;
    border:0 !important; border-radius:0 !important; background:transparent !important;
  }

  /* don’t show any old fallback burger */
  .nav-toggle-global{ display:none !important; }
}

/* prevent page scroll when panel is open (optional) */
body.menu-open{ overflow:hidden; }