/* ===== Siloam Specialist Center — Shared styles ===== */
:root { --gold: #C9A84C; --navy: #00277F; }
* { box-sizing: border-box; }
body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; }

/* Golden gradient text — add class="golden" to any text element */
.golden {
  background: linear-gradient(135deg, #C9A84C 0%, #F0D078 50%, #C9A84C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: var(--gold); /* fallback */
}

/* ===== Navbar ===== */
.siloam-nav { padding: 30px 0; }
.siloam-nav.nav-dark        { background-color: var(--navy); }
.siloam-nav.nav-white       { background-color: #fff; }
.siloam-nav.nav-white.is-scrolled { box-shadow: 0 2px 12px rgba(0,0,0,0.10); }
.siloam-nav.nav-transparent { background-color: transparent; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; transition: background-color .3s ease, box-shadow .3s ease; }
.siloam-nav.nav-transparent.is-scrolled { background-color: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.10); }
.nav-transparent.is-scrolled .nav-link { color: var(--navy) !important; }
.nav-transparent.is-scrolled .nav-link:hover { color: var(--gold) !important; }
.nav-transparent.is-scrolled .nav-link.active-page {
  background-color: var(--navy); color: #fff !important; font-weight: 700;
  border: none; border-radius: 20px; padding: 7px 18px !important;
}
.nav-transparent.is-scrolled .nav-link.btn-news { color: var(--navy) !important; }
.nav-transparent.is-scrolled .nav-link.btn-news:hover { color: var(--gold) !important; }
.nav-transparent.is-scrolled .navbar-toggler { filter: none !important; }

.siloam-nav .navbar-brand img { height: 48px; width: auto; }

.siloam-nav .nav-link {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 8px 16px !important;
  transition: color 0.2s;
}

.nav-dark .nav-link,
.nav-transparent .nav-link {
  color: rgba(255,255,255,0.88) !important;
}
.nav-dark .nav-link:hover,
.nav-transparent .nav-link:hover { color: var(--gold) !important; }

.nav-dark .nav-link.active-page { color: var(--gold) !important; font-weight: 700; }

.nav-transparent .nav-link.active-page {
  color: #fff !important;
  font-weight: 700;
  border: 1.5px solid rgba(255,255,255,0.7);
  border-radius: 20px;
  padding: 6px 16px !important;
}

.nav-white .nav-link { color: var(--navy) !important; }
.nav-white .nav-link:hover { color: var(--gold) !important; }
.nav-white .nav-link.active-page {
  background-color: var(--navy);
  color: #fff !important;
  font-weight: 700;
  border-radius: 20px;
  padding: 7px 18px !important;
}

.nav-dark .nav-link.btn-news {
  background-color: var(--gold);
  color: #fff !important;
  border-radius: 20px;
  padding: 7px 18px !important;
}
.nav-dark .nav-link.btn-news:hover { background-color: #b8913a; }

.nav-transparent .nav-link.btn-news {
  background: transparent;
  border-radius: 0;
  color: rgba(255,255,255,0.88) !important;
}
.nav-transparent .nav-link.btn-news:hover { color: var(--gold) !important; }
.nav-transparent .nav-link.btn-news.active-page {
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.7);
  border-radius: 20px;
  color: #fff !important;
}

/* ===== Footer ===== */
.footer-social {
  width: 38px; height: 38px; border: 1.5px solid rgba(255,255,255,0.55); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; text-decoration: none; font-size: 17px;
  transition: background-color .25s, border-color .25s, color .25s, transform .25s;
}
.footer-social:hover {
  background: #C9A84C; border-color: #C9A84C; color: #fff; transform: translateY(-3px);
}

/* ===== Floating WhatsApp ===== */
.wa-float {
  position: fixed; right: 22px; bottom: 24px; z-index: 1000;
  width: 56px; height: 56px; border-radius: 50%;
  background: #25D366; color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 30px; text-decoration: none;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  transition: transform .2s, box-shadow .2s;
}
.wa-float:hover { transform: scale(1.08); color: #fff; box-shadow: 0 8px 22px rgba(0,0,0,0.32); }

/* ===== Responsive — shared ===== */
@media (max-width: 991.98px) {
  .siloam-nav { padding: 16px 0; }
  /* Mobile dropdown menu: white card, navy links regardless of nav variant */
  .siloam-nav .navbar-collapse {
    background: #fff; border-radius: 12px; margin-top: 12px;
    padding: 8px 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  }
  .siloam-nav .navbar-collapse .nav-link,
  .nav-dark .navbar-collapse .nav-link,
  .nav-transparent .navbar-collapse .nav-link,
  .nav-dark .navbar-collapse .nav-link.btn-news,
  .nav-transparent .navbar-collapse .nav-link.btn-news {
    color: var(--navy) !important; background: transparent;
    border: none; border-radius: 0; padding: 10px 6px !important;
  }
  .siloam-nav .navbar-collapse .nav-link.active-page {
    color: var(--gold) !important; font-weight: 700;
    background: transparent; border: none;
  }
}

@media (max-width: 768px) {
  footer { border-radius: 40px 40px 0 0 !important; padding: 32px 0 28px !important; }
  footer .col-lg-3 { justify-content: flex-start !important; }
  .wa-float { width: 50px; height: 50px; font-size: 26px; right: 16px; bottom: 18px; }
}