/* Vars */
:root { --header-h: 72px; }

/* Sticky header always blue, no jump */
.main-nav.nav-bar-two{
  position: sticky;
  top: 0;
  z-index: 999;
  height: var(--header-h);
  background-color: #ffffff;
  display:flex; align-items:center;
  box-shadow:none;
  transition: box-shadow .25s ease;
  -webkit-transform: translateZ(0);
  will-change: box-shadow;
  height: 100px;
}
.main-nav.nav-bar-two.scrolled{ box-shadow:0 2px 8px rgba(0,0,0,.1); }

.main-nav.nav-bar-two .navbar-nav .nav-link,
.main-nav.nav-bar-two .bx,
.main-nav.nav-bar-two .flaticon-loupe { color:#000000 !important; }
.main-nav.nav-bar-two .navbar-nav .nav-link.active,
.main-nav.nav-bar-two .navbar-nav .nav-link:hover { color:#155400 !important; }
.main-nav.nav-bar-two .dropdown-menu{ background:#c2c2c2; }
.main-nav.nav-bar-two .dropdown-menu a{ color:#333 !important; }
.main-nav.nav-bar-two .dropdown-menu a:hover{ background:#dddddd; color:#c3c3c3 !important; }
.main-nav.nav-bar-two .nav-menu-btn{ background:#ffffff; color:#000000 !important; }

/* Hero base */
.hero-slider{ position:relative; }
.hero-slide{
  background-size:cover; background-position:center;
  position:relative; display:flex; align-items:center; justify-content:center;
}
.hero-slide::after{
  content:""; position:absolute; inset:0; background:rgba(0,0,0,.35);
}
.hero-content{ position:relative; z-index:2; color:#fff; text-align:center; }
.hero-title{ font-size:clamp(28px,6vw,64px); font-weight:700; margin-bottom:14px; color:#fff; }
.hero-subtitle{ font-size:clamp(14px,2.2vw,22px); margin-bottom:24px; color:#f0f4ff; }
.hero-buttons .btn{ margin:0 8px; }
.hero-slide.fallback{ background:linear-gradient(135deg,#0b1c3f 0%,#091235 100%); }

/* Home: full viewport minus header */
body.page-home .hero-slide{
  min-height: calc(80vh - var(--header-h)) !important;
  padding: 120px 0 !important;
}

/* Inner pages: reduced height */
body.page-inner .hero-slide{
  min-height: 40vh !important;
  padding: 60px 0 !important;
}
body.page-inner .hero-title{ font-size: clamp(24px,4vw,42px) !important; }
body.page-inner .hero-subtitle{ font-size: clamp(14px,2.6vw,18px) !important; }

/* Scope the negative margin to home only */
body.page-home main{ margin-top:-30px; }
body.page-inner main{ margin-top:0; }

/* Responsive tweaks */
@media (max-width: 992px){
  body.page-home .hero-slide{ padding:80px 0 !important; }
  body.page-inner .hero-slide{ padding:40px 0 !important; }
}
@media (max-width: 576px){
  .hero-buttons .btn{ margin:6px; }
}