/* ==========================================================================
   UCTH green theme — carries the News & Updates / Daily Health Nugget palette
   through the rest of home.html (appointment -> departments -> equipment -> services).
   Load this LAST in the "styles" fragment so it overrides home.css / home-style.css / appointment-form.css.
   ========================================================================== */
:root {
  --g-primary: #1E5C4C;
  --g-deep: #164438;
  --g-teal: #1c9c82;
  --g-gold: #ecb454;
  --g-pale: #EFF6F1;
  --g-paler: #F2F8F4;
  --g-pill: #DCEEE1;
  --g-line: #D8E7DE;
  --g-ink: #1B2B25;
  --g-soft: #5C6E66;
  --g-dark: radial-gradient(120% 140% at 15% 0%, #0e2b25 0%, #071613 55%, #050f0d 100%);
  --g-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
}

/* ---------- Appointment form + Call Us (re-point its own variables) ---------- */
.apt-section {
  --apt-blue: var(--g-primary);
  --apt-blue-deep: var(--g-deep);
  --apt-navy: var(--g-deep);
  --apt-ink: var(--g-ink);
  --apt-label: #2f423b;
  --apt-muted: var(--g-soft);
  --apt-line: var(--g-line);
  --apt-field: var(--g-paler);
  background: linear-gradient(180deg, #F2F8F4 0%, #EBF4EE 100%);
}
.apt-card { box-shadow: 0 18px 50px rgba(22, 68, 56, .10); }
.apt-group-title { border-bottom-color: var(--g-pill); }
.apt-title, .apt-card .apt-group-title { font-family: var(--g-serif); }
.apt-input:focus, .apt-select:focus, .apt-textarea:focus { box-shadow: 0 0 0 4px rgba(30, 92, 76, .16); }
.apt-pill input:focus-visible + span { box-shadow: 0 0 0 4px rgba(30, 92, 76, .3); }
.apt-submit { box-shadow: 0 10px 24px rgba(22, 68, 56, .30); }
.apt-submit:hover { box-shadow: 0 14px 28px rgba(22, 68, 56, .38); }
.apt-submit:focus-visible { outline-color: rgba(30, 92, 76, .5); }
.apt-call { background: var(--g-dark); box-shadow: 0 18px 50px rgba(5, 15, 13, .35); }
.apt-call::before { background: radial-gradient(circle, rgba(236, 180, 84, .22), transparent 70%); }
.apt-call-title { font-family: var(--g-serif); }
.apt-social a:hover { background: var(--g-pill); }

/* ---------- Surgery showcase ---------- */
.surgery-showcase { background: #fff; }
.surgery-text h2, .ward-text h2 { font-family: var(--g-serif); color: var(--g-deep); }
.surgery-text p, .ward-text p { color: var(--g-soft); }
.surgery-image img, .ward-images img { box-shadow: 0 14px 34px rgba(22, 68, 56, .16); }

/* ---------- Ward ---------- */
.ward-section { background: var(--g-paler); }

/* ---------- Buttons ---------- */
.cta-button { background: var(--g-primary); color: #fff; }
.cta-button:hover { background: var(--g-deep); color: #fff; }

/* ---------- Departments ---------- */
#departments-section { background: #fff; }
#departments-section .bg-gradient-to-l { background-image: linear-gradient(90deg, #fff 0%, var(--g-pale) 50%, #fff 100%); }
.home-services-title { color: var(--g-deep) !important; font-family: var(--g-serif); }
.home-services-sub-title { color: var(--g-soft) !important; }
.home-services-service-chevron-container path { stroke: var(--g-primary); }

/* ---------- Equipment ---------- */
.equipment-showcase { background: var(--g-paler); }
.equipment-showcase h2 { font-family: var(--g-serif); color: var(--g-deep); }
.equipment-showcase .intro, .equipment-card p { color: var(--g-soft); }
.equipment-card h3 { color: var(--g-deep); }
.equipment-card { border: 1px solid var(--g-line); box-shadow: 0 4px 14px rgba(22, 68, 56, .08); }
.equipment-card:hover { box-shadow: 0 12px 26px rgba(22, 68, 56, .16); }

/* ---------- Services (cards carry inline blue colours, so these use !important) ---------- */
.home-services-single-service-container[style*="BFEAFF"] { background-color: var(--g-pill) !important; }
.home-services-single-service-container [style*="3babe2"] { background-color: var(--g-primary) !important; }
.home-services-single-service-container .home-services-single-service-btn:hover { background-color: var(--g-deep) !important; }
.home-services-single-service-container svg path { stroke: #fff; }
.home-services-single-service-title { color: var(--g-deep) !important; }