/* NoorVista 3.0.121 — consistent public topbar and LASIK guide navigation */

/* The LASIK content pages now use the same static topbar shell as the rest of the site. */
body:not([data-panel-role]) .nv-static-topbar-shell {
  width: 100%;
  min-height: 42px;
}

body:not([data-panel-role]) .nv-static-topbar-shell .nv-static-topbar {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}

body:not([data-panel-role]) .navbar .nv-lasik-guide-menu {
  background: linear-gradient(180deg, #effcff 0%, #ffffff 100%);
  border-color: rgba(34, 211, 238, .28);
}

body:not([data-panel-role]) .navbar .nv-lasik-guide-menu strong {
  color: #075985;
}

body:not([data-panel-role]) .navbar .mega-col a.active,
body:not([data-panel-role]) .navbar .mega-col a[aria-current="page"] {
  color: #075985;
  background: #cffafe;
  box-shadow: inset 0 0 0 1px rgba(6, 182, 212, .2);
}

/* Wide desktop: three equal columns. */
@media (min-width: 1180px) {
  body:not([data-panel-role]) .navbar .mega-menu {
    width: min(960px, calc(100vw - 48px));
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
  }

  body:not([data-panel-role]) .navbar .mega-menu .mega-col {
    min-width: 0;
  }
}

/* Compact desktop/tablet landscape: keep the menu inside the viewport. */
@media (min-width: 861px) and (max-width: 1179px) {
  body:not([data-panel-role]) .navbar .mega-menu {
    width: min(720px, calc(100vw - 32px));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  body:not([data-panel-role]) .navbar .nv-lasik-guide-menu {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  body:not([data-panel-role]) .navbar .nv-lasik-guide-menu strong {
    grid-column: 1 / -1;
  }
}

@media (max-width: 860px) {
  body:not([data-panel-role]) .navbar .mega-menu {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:not([data-panel-role]) .navbar .nv-lasik-guide-menu {
    width: 100%;
    max-width: 100%;
  }
}