/* ===== WHITE THEME: About / Travel / FAQ inner pages ===== */

body {
  background: #ffffff;
  color: #1c1c2e;
}

/* Inner-hero stays dark for visual impact */
.inner-hero {
  background: #05070B;
}
.inner-hero h1  { color: var(--cream); }
.inner-hero h1 em { color: var(--gold); }
.inner-hero p   { color: rgba(242,235,221,0.62); }

/* Section dividers: slightly more visible on white */
.section-divider { background: rgba(200,165,106,0.10); }

/* Content sections */
.content-section         { background: #ffffff; }
.content-section.alt     { background: #f8f6f2; }

.content-grid h2         { color: #05070B; }
.content-grid h2 em      { color: var(--gold); }
.content-grid p          { color: #5e5e72; }

/* Intro cards */
.intro-card {
  cursor: pointer;
  transition: transform 0.28s cubic-bezier(0.22,0.68,0,1.2),
              box-shadow 0.28s ease, background 0.22s, border-left-color 0.22s;
}
.intro-card h3       { color: #05070B; }
.intro-card p        { color: #6b6b7b; }
.intro-card-num      { color: var(--gold); }
.intro-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 38px rgba(200,165,106,0.14);
  background: #fffcf7;
  border-left-color: var(--gold);
}

/* Process steps */
.process-step {
  transition: transform 0.25s ease;
}
.process-step:hover { transform: translateY(-5px); }
.process-step h4    { color: #05070B; }
.process-step p     { color: #6b6b7b; }
.process-step:hover .step-circle {
  border-color: var(--gold);
  background: rgba(200,165,106,0.09);
  box-shadow: 0 0 18px rgba(200,165,106,0.28);
}

/* Why-points (travel page) */
.why-point {
  padding: 0.55rem 0.75rem;
  margin: -0.55rem -0.75rem;
  border-radius: 6px;
  transition: background 0.22s;
  cursor: default;
}
.why-point:hover        { background: #fff9f2; }
.why-point-text h4      { color: #05070B; }
.why-point-text p       { color: #6b6b7b; }
.why-point-marker {
  background: rgba(200,165,106,0.10);
  border-color: rgba(200,165,106,0.30);
  color: var(--gold);
}

/* Medical directors section */
.directors { background: #f8f6f2; }
.md-header h2    { color: #05070B; }
.md-header h2 em { color: var(--gold); }
.md-header p     { color: #6b6b7b; }
.md-grid         { background: rgba(200,165,106,0.09); }
.md-card {
  background: #ffffff;
  transition: transform 0.30s ease, box-shadow 0.30s ease, background 0.25s;
  cursor: pointer;
}
.md-card:hover {
  background: #fffcf7;
  transform: translateY(-6px);
  box-shadow: 0 20px 52px rgba(0,0,0,0.09);
}
.md-card:hover .md-photo-wrap img { transform: scale(1.03); }
.md-name         { color: #05070B; }
.md-block-title  { color: #9a9aaa; }
.md-tag {
  color: #5e5e72;
  border-color: rgba(200,165,106,0.18);
  background: rgba(200,165,106,0.04);
  transition: border-color 0.2s, color 0.2s, background 0.2s;
  cursor: default;
}
.md-tag:hover {
  border-color: var(--gold);
  color: #7a5a20;
  background: rgba(200,165,106,0.10);
}
.md-divider { background: rgba(200,165,106,0.15); }

/* FAQ styles */
.faq-item        { border-color: rgba(200,165,106,0.20); }
.faq-q-text      { color: #05070B; }
.faq-q:hover .faq-q-text { color: #8a6a30; }
.faq-a           { color: #5e5e72; }
.faq-icon        { border-color: rgba(200,165,106,0.40); color: var(--gold); }

/* CTA section (text-align:center blocks at bottom of pages) */
.content-section .cta-heading  { color: #05070B; }
.content-section .cta-body     { color: #6b6b7b; }
