.aqua-mega__wrap { width:100%; }
.aqua-mega__bar { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.5rem 0; }
.aqua-mega__burger { background:none; border:0; padding:.25rem; display:none; cursor:pointer; }
.aqua-mega__brand { flex:0 0 auto; }
.aqua-mega__logo img { max-height:52px; height:auto; width:auto; display:block; }
.aqua-mega__search { flex:0 0 320px; max-width:320px; }

.aqua-mega__actions { flex:0 0 auto; display:flex; align-items:center; gap:.75rem; position:relative; margin-right:48px; }
.aqua-mega__cart { position:relative; display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:999px; text-decoration:none; }
.aqua-mega__cart svg { display:block; }
.aqua-mega__badge { position:absolute; top:-4px; right:-6px; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#e11d48; color:#fff; font-size:11px; line-height:18px; text-align:center; }

/* Fallback search form style */
.aqua-mega__search-form { display:flex; gap:.5rem; }
.aqua-mega__search-form input[type="search"] { flex:1 1 auto; padding:.4rem .6rem; border:1px solid #ccc; border-radius:6px; height:36px; }
.aqua-mega__search-form button { padding:.4rem .6rem; border:1px solid #ccc; border-radius:6px; background:#f5f5f5; cursor:pointer; height:36px; }

/* Top-level nav */
.aqua-mega { position: relative; }
.aqua-mega__top { display:flex; gap:1rem; list-style:none; margin:0; padding:0; }
.aqua-mega__top-item { position:relative; }
.aqua-mega__toggle { background:none; border:0; padding:.75rem 1rem; font:inherit; cursor:pointer; }
.aqua-mega__panel { position:absolute; left:0; top:100%; width:min(100vw, 1100px); background:#fff; border:1px solid #ddd; padding:1rem; box-shadow:0 10px 30px rgba(0,0,0,.08); z-index:50; }
.aqua-mega__grid { display:grid; grid-template-columns: repeat(var(--cols,4), minmax(0, 1fr)); gap:1rem; }
.aqua-mega__col { list-style:none; margin:0; padding:0; }
.aqua-mega__item { margin:0 0 .5rem 0; }
.aqua-mega__link { text-decoration:none; display:inline-block; }
.aqua-mega__link--level2 { font-weight:600; margin-bottom:.25rem; }
.aqua-mega__sub { list-style:none; margin:.25rem 0 .75rem 0; padding:0; }
.aqua-mega__footer { margin-top:.5rem; text-align:right; }
.aqua-mega__viewall { font-weight:600; }

/* Desktop hover */
@media (hover:hover) and (pointer:fine) {
  .aqua-mega__panel { display:none; }
  .aqua-mega__top-item:hover > .aqua-mega__panel,
  .aqua-mega__top-item:focus-within > .aqua-mega__panel { display:block; }
}

/* Mobile */
@media (max-width: 980px) {
  .aqua-mega__burger { display:inline-flex; }
  .aqua-mega__search { order:3; width:100%; max-width:none; flex:1 1 auto; }
  .aqua-mega__top { flex-direction:column; }
  .aqua-mega__panel { position:static; width:auto; border:0; box-shadow:none; }
  .aqua-mega { display:none; }
  .aqua-mega__wrap.is-open .aqua-mega { display:block; }
  .aqua-mega__actions { margin-right:0; }
}


/* === Theming adjustments (navbar & dropdowns) === */
:root {
  --aqua-navy: #1D4381;
}

.aqua-mega__bar {
  background: var(--aqua-navy);
  color: #fff;
  padding-left: 24px; /* left space so logo isn't flush */
}

/* Ensure icons/buttons inherit white on dark bar */
.aqua-mega__burger,
.aqua-mega__cart,
.aqua-mega__cart svg,
.aqua-mega__burger svg {
  color: #fff;
  fill: currentColor;
}

/* Top navigation background and spacing */
.aqua-mega {
  background: var(--aqua-navy);
  color: #fff;
  padding: 0 24px; /* match left/right spacing */
}

/* Top-level toggles/links = white */
.aqua-mega__toggle {
  color: #fff;
}
.aqua-mega__toggle:hover,
.aqua-mega__toggle:focus {
  text-decoration: underline;
}

/* Dropdown panel background = navy, no light border */
.aqua-mega__panel {
  background: var(--aqua-navy);
  border: 0;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

/* Links (level 2 & 3) = white */
.aqua-mega__link { color: #fff; }
.aqua-mega__link:hover,
.aqua-mega__link:focus {
  color: #fff;
  text-decoration: underline;
}

/* Sub-list bullets removed and white text preserved */
.aqua-mega__sub li { color: #fff; }

/* "View all" link in footer = white */
.aqua-mega__viewall { color: #fff; }
.aqua-mega__viewall:hover,
.aqua-mega__viewall:focus { text-decoration: underline; }

/* Make sure the search form doesn't clash with dark background */
.aqua-mega__search .form-search,
.aqua-mega__search input[type="search"] {
  background: #fff;
  color: #111;
  border-color: #e5e7eb;
}

/* Mobile keeps same theme; burger remains visible on navy */
@media (max-width: 980px) {
  .aqua-mega__top { padding: .25rem 0; }
}


/* === Logo white rounded box === */
.aqua-mega__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 12px;
  padding: 6px 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);
}

.aqua-mega__logo img {
  max-height: 48px; /* keep logo balanced inside the pill */
  height: auto;
  width: auto;
  display: block;
  border-radius: 8px; /* subtle rounding for square logos */
}

/* Slightly reduce padding on small screens */
@media (max-width: 980px) {
  .aqua-mega__logo { padding: 4px 8px; }
  .aqua-mega__logo img { max-height: 44px; }
}