/* ===========================
   nav.css — MOBILE WORKING + DESKTOP DROPDOWNS RESTORED (HARDENED)
   =========================== */

/* Base look */
.g73-nav,
.g73-nav a,
.g73-nav__dd-toggle{
  font-family: 'Pristina','Fredericka the Great','Open Sans','Roboto',cursive,sans-serif;
  color: #FFD700;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.3;
}

/* Bar */
.g73-nav{
  position: sticky;
  top: 0;
  z-index: 10000;
  width: 100%;
  background: rgba(0,0,0,.75);

  /* HARDEN: prevent other CSS from clipping dropdowns */
  overflow: visible !important;
  isolation: isolate;
}

.g73-nav__inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: .25rem .75rem;
  position: relative;
  overflow: visible !important;
}

/* Hamburger hidden on desktop by default */
.g73-nav__toggle{
  display: none;
  background: transparent;
  color: #FFD700;
  border: 1px solid rgba(255,215,0,.35);
  border-radius: 6px;
  padding: .35rem .6rem;
  line-height: 1;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

/* Desktop row */
.g73-nav__links{
  display: flex;
  align-items: center;
  gap: .75rem;
  min-height: 60px;

  /* HARDEN: allow dropdowns to spill out */
  position: relative;
  overflow: visible !important;
}

.g73-nav__links > a,
.g73-nav__dd-toggle{
  padding: .5rem .6rem;
  white-space: nowrap;
}

.g73-nav__logo img{
  display: block;
  height: 36px;
  width: auto;
}

/* Dropdown wrapper + toggle */
.g73-nav__dd{
  position: relative;
  overflow: visible !important;
}

.g73-nav__dd-toggle{
  background: none;
  border: 0;
  font: inherit;
  cursor: pointer;
}

/* Dropdown menu (shared base) */
.g73-nav__dd-menu{
  /* We control visibility by display. Neutralize older opacity/visibility rules. */
  display: none;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;

  background: rgba(0,0,0,.95);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  z-index: 10001;
}

.g73-nav__dd-menu a{
  display: block;
  padding: .45rem .85rem;
  color: #FFD700;
}

/* ===========================
   DESKTOP: restore dropdowns
   =========================== */
@media (min-width: 901px){

  .g73-nav__toggle{ display: none; }

  /* Desktop positioning */
  .g73-nav__dd-menu{
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    padding: .5rem 0;
  }

  /* Open on hover */
  .g73-nav__dd:hover > .g73-nav__dd-menu{
    display: block !important;
  }

  /* Open on keyboard focus */
  .g73-nav__dd:focus-within > .g73-nav__dd-menu{
    display: block !important;
  }

  /* Open when JS toggles aria-expanded (click works too) */
  .g73-nav__dd-toggle[aria-expanded="true"] + .g73-nav__dd-menu{
    display: block !important;
  }
}

/* ===========================
   MOBILE: hamburger opens a vertical drop-down (no gaps) — KEEPING YOUR WORKING VERSION
   =========================== */
@media (max-width: 900px){

  /* show hamburger */
  .g73-nav__toggle{
    display: inline-flex !important;
    background: transparent !important;
    color: #FFD700 !important;
    border: 1px solid rgba(255,215,0,.35) !important;
    border-radius: 6px !important;
    padding: .35rem .6rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  /* hide desktop row */
  .g73-nav__links{
    display: none !important;
  }

  /* open state: normal document flow (no absolute) */
  .g73-nav.g73-nav--open .g73-nav__links{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: .15rem !important;

    background: rgba(0,0,0,.92) !important;
    padding: .45rem .35rem !important;
    border-top: 1px solid rgba(255,215,0,.15) !important;

    max-height: calc(100vh - 60px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* full-width tap targets */
  .g73-nav.g73-nav--open .g73-nav__links > a,
  .g73-nav.g73-nav--open .g73-nav__dd-toggle{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* caret to right */
    width: 100% !important;
    padding: .55rem .7rem !important;
    font-size: 1.2rem !important;
    white-space: normal !important;
  }

  /* dropdown blocks stack */
  .g73-nav.g73-nav--open .g73-nav__dd{
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* mobile dropdown menus: display none/block (works for nested Wallpaper) */
  .g73-nav.g73-nav--open .g73-nav__dd-menu{
    position: static !important;
    display: none !important;
    margin: .1rem .4rem .35rem !important;
    padding: .25rem 0 .25rem .85rem !important;
    background: rgba(255,255,255,.05) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }

  .g73-nav.g73-nav--open .g73-nav__dd-toggle[aria-expanded="true"] + .g73-nav__dd-menu{
    display: block !important;
  }

  .g73-nav.g73-nav--open .g73-nav__dd-menu a{
    display: block !important;
    padding: .45rem .5rem !important;
    font-size: 1.1rem !important;
  }

  /* nested submenu (Wallpaper) */
  .g73-nav.g73-nav--open .g73-nav__dd--sub .g73-nav__dd-menu{
    padding-left: 1.1rem !important;
    background: rgba(255,255,255,.04) !important;
  }

  /* logo smaller */
  .g73-nav__logo img{ height: 30px; }

  /* optional: highlight hamburger when open */
  .g73-nav.g73-nav--open .g73-nav__toggle{
    background: rgba(255,215,0,0.10) !important;
  }
}