/* Poltekpel Sulut V2.4.1 — Glass Maritim, desktop + mobile.
   Class-scoped: can disable in Appearance > Customize > Glass Transparan.
   Existing V1.7 large desktop menu and V2.4 modules are intentionally preserved. */
body.poltekpel-glass-v241 {
  --glass-bar: rgba(5, 24, 44, .85);
  --glass-shell: rgba(6, 29, 52, .58);
  --glass-nav: rgba(5, 28, 51, .54);
  --glass-menu-open: rgba(8, 31, 54, .98);
  --glass-border: rgba(224, 249, 255, .23);
  --glass-fg: #f5fcff;
  --glass-fg-subtle: #c5deea;
  --glass-accent: #76e5f6;
  --glass-shadow: 0 18px 45px rgba(2, 14, 31, .26);
  --glass-overlap: 152px;
}
body.poltekpel-glass-soft {
  --glass-bar: rgba(5, 24, 44, .76);
  --glass-shell: rgba(6, 29, 52, .36);
  --glass-nav: rgba(5, 28, 51, .37);
}
body.poltekpel-glass-deep {
  --glass-bar: rgba(5, 24, 44, .94);
  --glass-shell: rgba(6, 29, 52, .78);
  --glass-nav: rgba(5, 28, 51, .78);
}
/* Glass only overlays the homepage hero; inner pages keep normal spacing. */
html body.poltekpel-glass-front #site-header {
  margin-bottom: calc(-1 * var(--glass-overlap, 152px)) !important;
}
html body.poltekpel-glass-v241 .top-bar {
  background: var(--glass-bar) !important;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
html body.poltekpel-glass-v241 #site-header {
  background: rgba(6,29,52,.04) !important;
  border-bottom: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow) !important;
  isolation: isolate;
}
/* Pseudo-layer avoids putting backdrop-filter on the parent of mobile position:fixed menu. */
html body.poltekpel-glass-v241 #site-header::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--glass-shell);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  backdrop-filter: blur(16px) saturate(1.3);
}
html body.poltekpel-glass-v241 #site-header.is-scrolled::before {
  background: rgba(5,24,43,.94);
}
/* Subpages have a light background, so their header glass needs a dark base for readability. */
html body.poltekpel-glass-v241:not(.poltekpel-glass-front) #site-header::before {
  background: rgba(5,24,43,.91);
}
@media (min-width: 901px) {
  html body.poltekpel-glass-v241:not(.poltekpel-glass-front) #site-header #main-nav {
    background: rgba(5,24,43,.89) !important;
  }
}
html body.poltekpel-glass-v241 #site-header .brand-name strong,
html body.poltekpel-glass-v241 #site-header .brand-name strong span {
  color: #fff !important;
  text-shadow: 0 1px 12px rgba(0,16,30,.27);
}
html body.poltekpel-glass-v241 #site-header .brand-name small {
  color: var(--glass-fg-subtle) !important;
}
html body.poltekpel-glass-v241 #site-header .brand-logo {
  filter: drop-shadow(0 4px 8px rgba(0,0,0,.12));
}
html body.poltekpel-glass-v241 #site-header .nav-cta {
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  color: #fff !important;
  border-radius: 14px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 9px 25px rgba(2,13,30,.2);
}
html body.poltekpel-glass-v241 #site-header .nav-cta:hover {
  background: rgba(255,255,255,.29) !important;
}
/* The desktop navigation is in two rows due to V1.6.2/V1.7 fixes. */
@media (min-width: 901px) {
  html body.poltekpel-glass-v241 #site-header #main-nav,
  html body.poltekpel-glass-v241 #site-header.is-scrolled #main-nav {
    background: var(--glass-nav) !important;
    border-top: 1px solid var(--glass-border) !important;
    border-bottom: 1px solid rgba(255,255,255,.11) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.2);
    backdrop-filter: blur(14px) saturate(1.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    color: var(--glass-fg);
  }
  html body.poltekpel-glass-v241 #site-header.is-scrolled #main-nav {
    background: rgba(5,24,43,.92) !important;
  }
  html body.poltekpel-glass-v241 #site-header #main-nav .nav-link,
  html body.poltekpel-glass-v241 #site-header #main-nav .wp-menu-list > li > a {
    color: var(--glass-fg) !important;
    font-size: var(--poltekpel-nav-font-size, 16px) !important;
    text-shadow: 0 1px 6px rgba(0,0,0,.15);
    border: 0 !important;
  }
  html body.poltekpel-glass-v241 #site-header #main-nav .nav-link:hover,
  html body.poltekpel-glass-v241 #site-header #main-nav .wp-menu-list > li > a:hover,
  html body.poltekpel-glass-v241 #site-header #main-nav .nav-link.active,
  html body.poltekpel-glass-v241 #site-header #main-nav .wp-menu-list > li.current-menu-item > a {
    color: #fff !important;
    background: rgba(116,220,242,.19) !important;
  }
  html body.poltekpel-glass-v241 #site-header #main-nav .nav-link:focus-visible,
  html body.poltekpel-glass-v241 #site-header #main-nav .wp-menu-list > li > a:focus-visible {
    background: rgba(116,220,242,.23) !important;
    outline: 3px solid var(--glass-accent) !important;
  }
  html body.poltekpel-glass-front .hero-inner {
    padding-top: 110px;
  }
}
/* Mobile: preserve the working sliding menu, but make it a dark frosted panel. */
@media (max-width: 900px) {
  html body.poltekpel-glass-v241 #site-header .menu-toggle {
    background: rgba(255,255,255,.13) !important;
    border: 1px solid rgba(255,255,255,.26) !important;
    border-radius: 13px;
  }
  html body.poltekpel-glass-v241 #site-header .menu-toggle span {
    background: #f2fcff !important;
  }
  html body.poltekpel-glass-v241 #site-header #main-nav {
    background: var(--glass-menu-open) !important;
    border-top: 1px solid var(--glass-border) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 22px 40px rgba(0,9,24,.3) !important;
  }
  html body.poltekpel-glass-v241 #site-header #main-nav .nav-link,
  html body.poltekpel-glass-v241 #site-header #main-nav .wp-menu-list > li > a {
    color: var(--glass-fg) !important;
    border-bottom-color: rgba(255,255,255,.14) !important;
    font-size: 17px !important;
  }
  html body.poltekpel-glass-v241 #site-header #main-nav .mobile-register {
    color: #fff !important;
    background: rgba(11,128,160,.53) !important;
    border: 1px solid rgba(131,232,245,.31);
    border-radius: 12px;
  }
  html body.poltekpel-glass-front .hero-inner {
    padding-top: 150px !important;
  }
}
/* Homepage badges & buttons, carefully scoped so other pages are not recolored. */
html body.poltekpel-glass-v241 .hero .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  max-width: 100%;
  background: rgba(8,39,64,.42);
  border: 1px solid rgba(190,236,251,.32);
  border-radius: 999px;
  padding: 10px 16px;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  box-shadow: 0 8px 28px rgba(0,17,31,.16);
}
html body.poltekpel-glass-v241 .hero .btn-outline {
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(239,252,255,.5) !important;
  color: #fff !important;
  border-radius: 15px;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  box-shadow: 0 11px 28px rgba(0,12,27,.2);
}
html body.poltekpel-glass-v241 .hero .btn-outline:hover {
  background: rgba(255,255,255,.23) !important;
}
html body.poltekpel-glass-v241 .hero .btn-gold {
  border-radius: 15px;
  box-shadow: 0 12px 30px rgba(4,18,36,.2);
}
html body.poltekpel-glass-v241 .hero .hero-side-card {
  background: rgba(7,34,58,.54) !important;
  border: 1px solid rgba(218,247,255,.32) !important;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
  box-shadow: 0 24px 46px rgba(0,10,25,.28);
}
/* Keep image contrast sufficient, and avoid changing all buttons or global WP Admin UI. */
html body.poltekpel-glass-v241 .hero .hero-overlay {
  background: linear-gradient(90deg,rgba(2,17,39,.87) 0%,rgba(4,24,44,.79) 34%,rgba(5,40,62,.55) 69%,rgba(6,36,56,.36) 100%),linear-gradient(0deg,rgba(1,14,31,.4),transparent 45%);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html body.poltekpel-glass-v241 #site-header::before {background: rgba(5,27,47,.9) !important;}
  html body.poltekpel-glass-v241 #site-header #main-nav {background: rgba(5,27,47,.95) !important;}
}
@media (max-width: 600px) {
  html body.poltekpel-glass-v241 .hero .hero-eyebrow {
    font-size: 9px; letter-spacing: .08em; padding: 9px 12px;
  }
  html body.poltekpel-glass-front .hero {min-height: 670px;}
  html body.poltekpel-glass-front .hero-inner {padding-top: 142px !important;}
}
@media (prefers-reduced-motion: reduce) {
  html body.poltekpel-glass-v241 #site-header .nav-cta,
  html body.poltekpel-glass-v241 #site-header #main-nav a {transition: none !important;}
}