/* MostHelt Home V3.1 — Contrast & Readability Pass
   Goal: WCAG-friendly readable body text, clearer section rhythm, no micro-copy below 11px on the public home page. */
.mh-home-v3{
  --mh3-text:#173d35;
  --mh3-body:#405650;
  --mh3-secondary:#596b65;
  --mh3-muted:#65756f;
  --mh3-line:#d7e3df;
  --mh3-canvas:#fbfcfa;
  --mh3-surface:#ffffff;
  --mh3-mint:#eef7f3;
  --mh3-mint-strong:#e5f3ee;
}

/* Header / hero */
/* style.css içindeki genel .nav>a:not(.pill) kuralından daha yüksek
   özgüllük kullanarak açık renk header üzerinde menüyü okunur tut. */
.mh-home-v3 .mh3-header .mh3-nav>a:not(.mh3-nav-cta){
  color:#244840!important;
  font-size:14px;
}
.mh-home-v3 .mh3-header .mh3-nav>a:not(.mh3-nav-cta):hover{
  color:#087c69!important;
}
.mh-home-v3 .mh3-header .mh3-nav .mh3-nav-cta{
  color:#fff!important;
}
.mh3-eyebrow{color:#4d625c;font-size:12.5px}
.mh3-hero-copy>p{color:#4d625c}
.mh3-tab{color:#596b65;font-size:12px}
.mh3-field>svg{color:#596b65}
.mh3-field select{color:#314a43!important;font-size:14px!important}
.mh3-hero-trust{color:#596b65;font-size:12.5px}

/* Product UI inside hero: keep decorative UI readable instead of ghosted. */
.mh3-product-head{color:#596b65;font-size:14px}
.mh3-product-search{color:#596b65;font-size:12px;background:#f7faf8}
.mh3-product-search kbd{color:#596b65;font-size:13.5px}
.mh3-product-label{color:#596b65;font-size:13.5px}
.mh3-mini-main strong{font-size:12.5px}
.mh3-mini-main small{color:#596b65;font-size:11px}
.mh3-mini-main em{color:#65756f;font-size:10.5px}
.mh3-product-footer{font-size:12px}
.mh3-float-card small{color:#596b65;font-size:13.5px}
.mh3-float-card strong{font-size:12px}
.mh3-float-review span{color:#596b65;font-size:13.5px}

/* Trust strip */
.mh3-proof-grid strong{color:#2b443d;font-size:13px}
.mh3-proof-grid small{color:#596b65;font-size:12px;line-height:1.5}

/* Section rhythm: make adjacent zones visually distinct. */
.mh3-specialties{background:#f8faf8}
.mh3-featured{background:#fff}
.mh3-how{background:#eef7f3}
.mh3-reviews{background:#fbfcfa}
.mh3-pro{background:linear-gradient(180deg,#e5f3ee 0%,#eef8f4 100%);border-top-color:#cfdfd9}
.mh3-security{background:#fff}

/* Core section copy */
.mh3-section-head>div>span,.mh3-kicker,.mh3-pro-head>span{font-size:14px}
.mh3-section-head p,.mh3-how-copy>p,.mh3-pro-head>p{color:#596b65;font-size:15px;line-height:1.68}
.mh3-section-head>a,.mh3-how-copy>a{font-size:13px}

/* Specialty cards */
.mh3-specialty-card{border-color:#d7e3df}
.mh3-specialty-card strong{color:#263f38;font-size:14px}
.mh3-specialty-card small{color:#596b65;font-size:12px}
.mh3-specialty-card>b{color:#52756b}
.mh3-service-row>span{color:#596b65;font-size:14px}
.mh3-service-row a{color:#4b615a;font-size:12px;border-color:#d7e3df}

/* Featured doctor cards */
.mh3-doctor-card{border-color:#d7e3df}
.mh3-doctor-specialty{font-size:14px}
.mh3-doctor-card h3{font-size:17px}
.mh3-doctor-card p{height:auto;min-height:39px;color:#596b65;font-size:12.5px;line-height:1.5}
.mh3-doctor-body>div{font-size:14px}
.mh3-doctor-body>div span{color:#596b65}

/* How it works */
.mh3-how-shell{border-color:#cfdfd9;background:#fff}
.mh3-steps article{border-color:#d7e3df}
.mh3-steps h3{font-size:15px}
.mh3-steps p{color:#596b65;font-size:12.5px;line-height:1.6}

/* Reviews */
.mh3-review-card{border-color:#d7e3df;background:#fff}
.mh3-review-card>p{color:#405650;font-size:14px}
.mh3-review-user strong{font-size:12px}
.mh3-review-user small{font-size:14px}
.mh3-review-card>a{color:#596b65;font-size:14px}

/* Pro / dashboard mock */
.mh3-pro-badge{font-size:11px}
.mh3-pro-card p{color:#596b65;font-size:13.5px}
.mh3-pro-card a{font-size:12.5px}
.mh3-dash-top{font-size:12px}
.mh3-dash-metrics small{color:#596b65;font-size:11px}
.mh3-dash-metrics strong{font-size:18px}
.mh3-ai-card p{color:#d7e8e3}

/* Security */
.mh3-security span{font-size:14px}
.mh3-security a{font-size:12px}

/* Footer */
.mh3-footer h4{font-size:12.5px}
.mh3-footer a,.mh3-footer button{color:#b7c8c2;font-size:12px}
.mh3-footer-brand p{color:#b7c8c2;font-size:12px}
.mh3-footer-bottom{color:#aabbb5;font-size:14px}

/* Focus visibility gets a clearer contrast pass too. */
.mh-home-v3 a:focus-visible,.mh-home-v3 button:focus-visible,.mh-home-v3 select:focus-visible{
  outline:3px solid rgba(8,124,105,.28);
  outline-offset:3px;
}

@media(max-width:620px){
  .mh3-eyebrow{font-size:14px}
  .mh3-hero-trust{font-size:12px}
  .mh3-product-head{font-size:13.5px}
  .mh3-product-search{font-size:14px}
  .mh3-product-label{font-size:13.5px}
  .mh3-mini-main strong{font-size:12px}
  .mh3-mini-main small{font-size:11px}
  .mh3-mini-main em{font-size:10.5px}
  .mh3-product-footer{font-size:14px}
  .mh3-float-card small,.mh3-float-review span{font-size:13.5px}
  .mh3-float-card strong{font-size:14px}
  .mh3-proof-grid strong{font-size:13px}
  .mh3-proof-grid small{font-size:12px}
  .mh3-section-head p,.mh3-how-copy>p,.mh3-pro-head>p{font-size:14px}
  .mh3-specialty-card small{font-size:12px}
  .mh3-service-row>span{font-size:14px}
  .mh3-service-row a{font-size:14px}
  .mh3-doctor-specialty{font-size:13.5px}
  .mh3-doctor-card p{font-size:12.5px}
  .mh3-doctor-body>div{font-size:14px}
  .mh3-steps p{font-size:12.5px}
  .mh3-review-user small,.mh3-review-card>a{font-size:14px}
  .mh3-pro-badge{font-size:13.5px}
  .mh3-pro-card p{font-size:13px}
  .mh3-dash-metrics small{font-size:10.5px}
  .mh3-security span{font-size:13.5px}
  .mh3-footer h4{font-size:12px}
  .mh3-footer a,.mh3-footer button,.mh3-footer-brand p{font-size:12px}
  .mh3-footer-bottom{font-size:14px}
}

/* V3.1.2 — dark surface color lock
   Safari/cache/general typography kuralları koyu kart ve footer metinlerini
   ezmesin diye renkleri component scope içinde kesinleştiriyoruz. */
.mh-home-v3 .mh3-ai-card{color:#ffffff!important}
.mh-home-v3 .mh3-ai-card .mh3-pro-badge{color:#e9fff8!important}
.mh-home-v3 .mh3-ai-card h3{color:#ffffff!important}
.mh-home-v3 .mh3-ai-card p{color:#d7e8e3!important}
.mh-home-v3 .mh3-ai-card a,
.mh-home-v3 .mh3-ai-card a b{color:#ffffff!important}

.mh-home-v3 .mh3-footer{color:#ccdad5!important}
.mh-home-v3 .mh3-footer h4{color:#ffffff!important}
.mh-home-v3 .mh3-footer a,
.mh-home-v3 .mh3-footer button{color:#b7c8c2!important}
.mh-home-v3 .mh3-footer a:hover,
.mh-home-v3 .mh3-footer button:hover{color:#ffffff!important}
.mh-home-v3 .mh3-footer-brand p{color:#b7c8c2!important}
.mh-home-v3 .mh3-footer-brand>a{color:#dff4ed!important}
.mh-home-v3 .mh3-footer-bottom,
.mh-home-v3 .mh3-footer-bottom span{color:#aabbb5!important}

/* Metin seçiliyken de koyu yüzeylerde kontrast kaybolmasın. */
.mh-home-v3 .mh3-ai-card ::selection,
.mh-home-v3 .mh3-footer ::selection{background:#dff5ed;color:#123c34}
