/* Neptune — custom overrides (loaded after styles-BoIn9cVy.css) */

/* ── Scrollbars ── */
:root {
  scrollbar-width: thin;
  scrollbar-color: oklch(55% 0.08 268 / 0.45) transparent;
}

* {
  scrollbar-width: thin;
  scrollbar-color: oklch(55% 0.08 268 / 0.45) transparent;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: oklch(55% 0.08 268 / 0.4);
  border-radius: 100px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: oklch(40% 0.25 268 / 0.7);
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:active {
  background: oklch(40% 0.25 268 / 0.9);
  background-clip: padding-box;
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
  display: none;
  width: 0;
  height: 0;
}

/* ── Sub-menu dropdown solid opaque white background ── */
.nav-dropdown,
div.absolute > div.nav-dropdown {
  background: var(--paper) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

header.nav-glass-solid {
  background: var(--paper) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* ── Navigation responsive breakpoint overrides (1024px / lg) ── */
@media (min-width: 1024px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:flex {
    display: flex !important;
  }
}

/* ── About Us active navigation text color ── */
button.nav-link.about-us-active,
.about-us-active {
  color: var(--electric) !important;
}

header.nav-glass-clear button.nav-link.about-us-active,
header.nav-glass-clear .about-us-active {
  color: #ffffff !important;
}

@media (max-width: 1023px) {
  .lg\:flex {
    display: none !important;
  }
  .lg\:hidden {
    display: flex !important;
  }
}

/* ── Mobile / tablet navigation (< 1024px) ── */
@media (max-width: 1023px) {

  /* Scrolled / inner pages: fully opaque bar */
  header.nav-glass-solid {
    background: var(--paper) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  }

  /* Hero (nav-glass-clear): keep original transparent style */

  /* Mobile menu panel: solid background so links stay readable */
  header>nav.nav-dropdown {
    background: var(--paper) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  }

  /* When mobile menu is OPEN: make header white, switch to dark logo & dark close button */
  header:has(button[aria-label="Close menu"]) {
    background: var(--paper) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  header:has(button[aria-label="Close menu"]) button[aria-label="Close menu"] {
    color: var(--ink) !important;
  }

  header:has(button[aria-label="Close menu"]) img[alt="Neptune Petrochemicals"] {
    content: url("/assets/logo-yRHVAqw4.png") !important;
  }

  /* Always keep About Us sub-items expanded in mobile menu for direct 1-tap access */
  header nav.nav-dropdown div.overflow-hidden {
    max-height: 300px !important;
    opacity: 1 !important;
  }
}

/* ── Touch & Focus Dropdown Support (Desktop Nav for Touch Screens) ── */
.group:focus-within > div.absolute,
.group:focus > div.absolute,
.group:active > div.absolute {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* ── Hero badge — single line ── */
.glass-badge {
  white-space: nowrap;
  width: fit-content;
}

@media (max-width: 1279px) {
  .glass-badge span:last-child {
    white-space: nowrap;
    font-size: 8px;
    letter-spacing: 0.12em;
  }
}

/* ── Journey timeline animation speed boost (balanced medium speed) ── */
.overflow-x-auto .reveal.in {
  animation-duration: 0.55s !important;
}