/* ===== Brand & Base ===== */
:root{
  --brand:#0B2D39;
  --accent:#237250;
  --soft:#f3f6f8;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:#151515;
  background:#fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== Components ===== */
.navbar { box-shadow: 0 6px 24px rgba(11,45,57,.06); }
.navbar .nav-link{ font-weight:600; }

.btn-cta{
  background: linear-gradient(135deg, var(--accent), #2a9b6a);
  color:#fff; border:none; font-weight:700;
}
.btn-cta:hover{ filter: brightness(0.95); color:#fff; }

.shadow-soft{ box-shadow:0 10px 30px rgba(11,45,57,.08); }
.border-soft{ border:1px solid rgba(11,45,57,.08); }

/* ===== Hero ===== */
.hero {
  position: relative;
  background: #0b2330 url('../images/hero-banner.webp') center/cover no-repeat;
  color: #fff;
}

.hero::after{
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55));
}
.hero-inner{ position: relative; z-index:1; padding: 96px 0; }
.badge-soft{ background:var(--soft); color:#1a1a1a; border-radius:999px; padding:.35rem .7rem; font-weight:600; }

/* ===== Sidebar ===== */
.lwh-side .card{ border:0; }
.lwh-side .lwh-side-menu a{
  display:flex; align-items:center; gap:.5rem; padding:.4rem 0;
  color:#1a1a1a; text-decoration:none;
}
.lwh-side .lwh-side-menu a:hover{ color:var(--accent); }
.sticky-offset{ top: 90px; }

/* ===== Content ===== */
.content-photos .content-img-sm{ border-radius:16px; }

/* ===== Footer ===== */
footer { background:#0A2430; color:#cde0e7; }
footer a{ color:#e8f4f7; text-decoration:none; }
footer a:hover{ text-decoration:underline; }

/* ===== Utilities ===== */
.text-accent{ color:var(--accent) !important; }

/* ===== Responsive Tweaks ===== */
@media (max-width: 991.98px){
  .hero-inner{ padding: 72px 0; }
  .sticky-offset{ top: 70px; }
}
@media (max-width: 575.98px){
  .badge-soft{ font-size:.85rem; }
}