/* Lana Health – Doctor Hero Section
   Scoped under .ldoc-hero so it can't leak into the rest of the theme and
   coexists safely with the other Lana Health page plugins. */

.ldoc-hero{
  --ldoc-navy:#12324f;
  --ldoc-deep-blue:#0f4c75;
  --ldoc-teal:#1a8f8f;
  --ldoc-teal-light:#e6f4f4;
  --ldoc-coral:#ef7a5b;
  --ldoc-coral-dark:#d75f40;
  --ldoc-ink:#1c2b36;
  --ldoc-muted:#5a6b76;
  --ldoc-line:#e1e8eb;

  font-family:'Segoe UI', Arial, sans-serif;
  color:var(--ldoc-ink);
  background:linear-gradient(160deg, var(--ldoc-teal-light) 0%, #ffffff 55%);
  padding:64px 0;
  box-sizing:border-box;
}
.ldoc-hero *, .ldoc-hero *::before, .ldoc-hero *::after{ box-sizing:inherit; }
.ldoc-hero h1,.ldoc-hero h2,.ldoc-hero h3{
  font-family:'Georgia','Times New Roman',serif;
  color:var(--ldoc-navy);
  margin:0 0 .5em;
  line-height:1.25;
}
.ldoc-hero a{ text-decoration:none; }
.ldoc-hero .ldoc-wrap{ max-width:1120px; margin:0 auto; padding:0 24px; }

.ldoc-hero .ldoc-grid{
  display:grid;
  grid-template-columns:0.85fr 1.15fr;
  gap:56px;
  align-items:center;
}

/* Photo column */
.ldoc-hero .ldoc-photo-col{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.ldoc-hero .ldoc-photo-frame{
  width:100%;
  max-width:340px;
  aspect-ratio:4 / 5;
  border-radius:20px;
  overflow:hidden;
  background:var(--ldoc-navy);
  box-shadow:0 20px 40px -12px rgba(18,50,79,.35);
  border:6px solid #ffffff;
  outline:2px solid var(--ldoc-teal-light);
}
.ldoc-hero .ldoc-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
}
.ldoc-hero .ldoc-quote{
  margin:22px 0 0;
  padding:0 8px;
  font-family:'Georgia','Times New Roman',serif;
  font-style:italic;
  font-size:18px;
  color:var(--ldoc-deep-blue);
  max-width:320px;
  border-left:3px solid var(--ldoc-coral);
  padding-left:16px;
  text-align:left;
}

/* Bio column */
.ldoc-hero .ldoc-eyebrow{
  display:inline-block;
  background:var(--ldoc-teal-light);
  color:var(--ldoc-teal);
  padding:6px 16px;
  border-radius:20px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:16px;
}
.ldoc-hero .ldoc-name{ font-size:32px; margin-bottom:4px; }
.ldoc-hero .ldoc-credentials{
  color:var(--ldoc-teal);
  font-weight:700;
  font-size:15px;
  margin:0 0 20px;
}
.ldoc-hero .ldoc-bio-text{
  color:var(--ldoc-muted);
  font-size:16px;
  line-height:1.75;
  margin:0 0 16px;
  max-width:560px;
}
.ldoc-hero .ldoc-cred-list{
  list-style:none;
  margin:22px 0 28px;
  padding:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 24px;
  max-width:560px;
}
.ldoc-hero .ldoc-cred-list li{
  font-size:14.5px;
  color:var(--ldoc-ink);
  padding-left:22px;
  position:relative;
}
.ldoc-hero .ldoc-cred-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--ldoc-teal);
  font-weight:800;
}
.ldoc-hero .ldoc-actions{ margin-top:8px; }
.ldoc-hero .ldoc-btn{
  display:inline-block;
  background:var(--ldoc-coral);
  color:#fff;
  padding:13px 28px;
  border-radius:30px;
  font-weight:700;
  font-size:15px;
  transition:background .2s;
}
.ldoc-hero .ldoc-btn:hover{ background:var(--ldoc-coral-dark); color:#fff; }

@media(max-width:880px){
  .ldoc-hero .ldoc-grid{ grid-template-columns:1fr; gap:32px; }
  .ldoc-hero .ldoc-photo-frame{ max-width:280px; margin:0 auto; }
  .ldoc-hero .ldoc-quote{ text-align:center; border-left:none; border-top:3px solid var(--ldoc-coral); padding-left:0; padding-top:14px; margin-left:auto; margin-right:auto; }
  .ldoc-hero .ldoc-bio-col{ text-align:center; }
  .ldoc-hero .ldoc-bio-text{ margin-left:auto; margin-right:auto; }
  .ldoc-hero .ldoc-cred-list{ grid-template-columns:1fr; text-align:left; margin-left:auto; margin-right:auto; max-width:340px; }
}