/*===============================================*\
  #NAVBAR OVERRIDES
  Slim white, always-fixed header + mobile drawer fix
  Loaded AFTER assets/css/st1.css on every page.
\*===============================================*/

/* clean white bar, always fixed */
.header {
  --color: var(--st-patricks-blue);
  position: fixed !important;
  padding-block: 6px;
  background-color: var(--white);
  border-bottom: 1px solid var(--platinum);
  box-shadow: 0 2px 12px hsla(220, 63%, 33%, 0.12);
}

.header.active {
  --color: var(--st-patricks-blue);
  background-color: var(--white);
}

.header .logo { margin-inline-end: auto; }

.header .logo img { width: 64px !important; height: auto; }

.header .container { gap: 16px; }

.navbar-link.active { color: var(--razzmatazz); }

/* language toggle: inline flex item, no absolute overlap */
.icon-container {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  order: 1;
}

.navbar-icon { width: 24px !important; height: auto !important; min-width: 24px; }

/* keep the header CTA desktop-only to save mobile space */
.header .btn {
  display: none;
  order: 2;
  padding: 8px 18px;
  font-size: 1.4rem;
}

.nav-open-btn { order: 3; font-size: 28px; }

/* smaller mobile drawer */
.navbar { padding: 18px; z-index: 10; }
.navbar-top { padding-block: 2px 18px; }
.navbar-top .logo { font-size: 2.8rem; font-weight: 700; }
.navbar-link { font-size: 1.5rem; padding-block: 10px; }

@media (max-width: 991.98px) {
  .header .btn { display: none !important; }
}

@media (min-width: 992px) {
  .header { padding-block: 4px; }
  .header .logo img { width: 52px !important; }
  .header .btn { display: flex; align-items: center; gap: 5px; padding: 6px 16px; font-size: 1.3rem; margin-inline-start: 0; }
  .navbar-list { gap: 16px; }
  .navbar-link { padding-block: 2px; font-size: 1.4rem; }

  /* footer: these pages only ship brand + contact list, so rebalance the
     default 4/5-column grid that st1.css assumes. */
  .footer-top .container { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: auto; margin-block-end: 0; }
  .footer-list { grid-column: auto; justify-self: end; margin-block-end: 0; }
}