/* ==========================================================================
   inner-pages.css — سیستم طراحی مشترک صفحات داخلی سایت
   (doctor.html, service.html, blog-post.html, chat.html, about.html, contact.html)
   همان پالت/فونت/زبان بصری index.html و mobile.html — نسخهٔ ریسپانسیو تک‌فایلی
   (بدون اسکرول‌جکینگ سینماتیک؛ هدر inline در دسکتاپ، همبرگر در موبایل)
   ========================================================================== */

:root{
  --ink:#12305c;
  --ink-soft:#2c4d7d;
  --ink-faint:#5b76a0;
  --gold:#a9762f;
  --gold-light:#d8ab63;
  --line:rgba(18,48,92,.16);
  --line-soft:rgba(18,48,92,.09);
  --bg-page:#f7f2ea;
  --surface:#ffffff;
  --header-h:74px;
  --radius:18px;
  --shadow-card:0 14px 34px -18px rgba(18,48,92,.35);
  --ease:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{width:100%;overflow-x:hidden;background:var(--bg-page);}
body{
  direction:rtl;
  font-family:"Vazirmatn","Tahoma",sans-serif;
  color:var(--ink-soft);
  line-height:1.8;
  padding-top:var(--header-h);
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
h1,h2,h3,h4{font-weight:800;line-height:1.3;color:var(--ink);}
input,textarea,select{font-family:inherit;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

.wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem);}

/* ---------- هدر ---------- */
#site-header{
  position:fixed;top:0;right:0;left:0;z-index:60;height:var(--header-h);
  display:flex;align-items:center;
  background:rgba(247,242,234,.86);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--line);
  transition:background .35s var(--ease);
}
.nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}
.nav-logo{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;color:var(--ink);flex-shrink:0;}
.logo-mark{width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:conic-gradient(from 220deg,var(--ink),var(--gold-light),var(--ink));}
.logo-img{height:36px;width:auto;display:block;object-fit:contain;}
.logo-fallback{display:flex;align-items:center;gap:.6rem;}

.nav-links{display:flex;align-items:center;gap:.15rem;padding:.35rem;border-radius:999px;
  background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--line);}
.nav-links a{font-size:.86rem;font-weight:600;color:var(--ink-soft);padding:.5rem 1rem;
  border-radius:999px;transition:color .2s ease,background .2s ease;white-space:nowrap;}
.nav-links a:hover,.nav-links a.is-active{color:var(--ink);background:rgba(18,48,92,.08);}
.nav-actions{display:flex;align-items:center;gap:.65rem;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;
  border-radius:999px;font-weight:700;font-size:.9rem;min-height:44px;white-space:nowrap;border:none;
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease);}
.btn-primary{background:linear-gradient(135deg,var(--ink),#1c4176);color:#fff;box-shadow:0 10px 26px -10px rgba(18,48,92,.5);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -8px rgba(18,48,92,.55);}
.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#2a1c05;box-shadow:0 10px 26px -10px rgba(169,118,47,.45);}
.btn-gold:hover{transform:translateY(-2px);}
.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:rgba(255,255,255,.4);}
.btn-ghost:hover{border-color:var(--ink);background:rgba(255,255,255,.7);}
.btn-block{width:100%;}
.btn:active{transform:scale(.97);}
.btn[disabled]{opacity:.5;pointer-events:none;}

.nav-toggle{display:none;flex-direction:column;gap:5px;padding:.5rem;flex-shrink:0;}
.nav-toggle span{width:21px;height:2px;background:var(--ink);transition:.25s;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

#nav-overlay{
  position:fixed;inset:0;top:var(--header-h);z-index:55;background:rgba(247,242,234,.99);
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;
  opacity:0;pointer-events:none;transform:translateY(-8px);
  transition:opacity .35s var(--ease),transform .35s var(--ease);
}
#nav-overlay.is-open{opacity:1;pointer-events:auto;transform:translateY(0);}
#nav-overlay a{font-size:1.2rem;font-weight:700;color:var(--ink);}
#nav-overlay .nav-overlay-actions{display:flex;flex-direction:column;gap:.7rem;width:80%;max-width:320px;margin-top:.6rem;}

@media (max-width:900px){
  .nav-links{display:none;}
  .nav-actions .btn{display:none;}
  .nav-toggle{display:flex;}
}
@media (min-width:901px){
  #nav-overlay{display:none;}
}

/* ---------- بخش‌های عمومی ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;
  color:var(--gold);margin-bottom:.6rem;}
.eyebrow::before{content:"";width:20px;height:2px;background:var(--gold);display:inline-block;}
.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ink-faint);flex-wrap:wrap;}
.breadcrumb a:hover{color:var(--ink);}
.breadcrumb span[aria-hidden]{opacity:.6;}
.breadcrumb .current{color:var(--ink-soft);}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.is-visible{opacity:1;transform:translateY(0);}

/* ---------- نوار عنوان صفحه + مسیر (breadcrumb) — راست: عنوان بخش، چپ: مسیر ---------- */
.page-head-bar{background:rgba(18,48,92,.05);border-bottom:1px solid var(--line-soft);}
.page-head-bar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:.5rem 1rem;padding-block:1.05rem;}
.page-head-label{font-size:.95rem;font-weight:800;color:var(--ink);}

.section{padding-block:clamp(2.75rem,6vw,4.5rem);}
.section-tight{padding-block:clamp(1.75rem,4vw,3rem);}

.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-card);}

/* ---------- گرید کارت‌های مرتبط (پزشک/خدمت/مقاله) ---------- */
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;margin-top:1.5rem;}
.mini-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;
  box-shadow:var(--shadow-card);transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.mini-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -16px rgba(18,48,92,.4);}
.mini-card img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.mini-card .body{padding:1rem 1.1rem 1.2rem;}
.mini-card .tag{font-size:.7rem;font-weight:700;color:var(--gold);display:block;margin-bottom:.35rem;}
.mini-card h3{font-size:1rem;margin-bottom:.4rem;}
.mini-card p{font-size:.85rem;color:var(--ink-faint);}

/* ---------- متن مقاله (prose) ---------- */
.prose{font-size:1.02rem;color:var(--ink-soft);}
.prose > * + *{margin-top:1.1rem;}
.prose h2{font-size:1.3rem;margin-top:2rem;color:var(--ink);}
.prose h3{font-size:1.1rem;margin-top:1.5rem;color:var(--ink);}
.prose ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;}
.prose ul li{position:relative;padding-inline-start:1.6rem;}
.prose ul li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:8px;height:8px;
  border-radius:50%;background:var(--gold);}
.prose blockquote{border-inline-start:3px solid var(--gold);padding-inline-start:1.1rem;color:var(--ink);
  font-weight:600;font-size:1.05rem;}
.prose strong{color:var(--ink);}

/* ---------- فرم‌ها ---------- */
.form-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);
  box-shadow:var(--shadow-card);padding:clamp(1.5rem,4vw,2.25rem);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-block:1.1rem;}
.form-grid .full{grid-column:1/-1;}
.form-grid input,.form-grid textarea,.form-grid select{
  width:100%;padding:.85rem 1rem;border-radius:12px;border:1.5px solid var(--line);
  background:rgba(255,255,255,.7);color:var(--ink);font-size:.92rem;transition:border-color .2s ease;}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--gold);outline:none;}
.form-grid textarea{min-height:110px;resize:vertical;}
.form-msg{margin-top:.9rem;font-size:.85rem;color:var(--gold);font-weight:700;display:none;}
.form-msg.is-visible{display:block;}
@media (max-width:600px){.form-grid{grid-template-columns:1fr;}}

/* ---------- فوتر ---------- (هم‌رنگ با فوتر روشن index.html/mobile.html — نه تیره) */
#site-footer{background:var(--bg-page);color:var(--ink-soft);border-top:1px solid var(--line);
  padding-block:3.5rem 1.5rem;margin-top:4rem;}
#site-footer .logo-img{height:56px;}
#site-footer .logo-fallback .logo-mark{width:44px;height:44px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2rem;}
.footer-brand p{font-size:.86rem;margin-top:.9rem;max-width:300px;color:var(--ink-faint);}
.footer-social{display:flex;gap:.6rem;margin-top:1.1rem;}
.footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--ink);
  transition:.25s;}
.footer-social a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px);}
.footer-col h4{color:var(--ink);font-size:.92rem;margin-bottom:1rem;}
.footer-col ul{display:flex;flex-direction:column;gap:.65rem;font-size:.86rem;}
.footer-col ul li,.footer-col ul li a{color:var(--ink-faint);}
.footer-col ul li a:hover{color:var(--gold);}
.footer-bottom{max-width:1360px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
  padding-top:1.4rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--ink-faint);}
@media (max-width:860px){
  .footer-grid{grid-template-columns:1fr 1fr;row-gap:2rem;}
}
@media (max-width:520px){
  .footer-grid{grid-template-columns:1fr;text-align:center;}
  .footer-brand p{margin-inline:auto;}
  .footer-social{justify-content:center;}
  .footer-bottom{justify-content:center;text-align:center;}
}

/* ---------- بنر پایینی مشترک CTA ---------- */
.cta-band{background:linear-gradient(135deg,var(--ink) 0%,#1c4176 100%);color:#fff;border-radius:24px;
  padding:clamp(2rem,5vw,3rem);text-align:center;margin-block:clamp(3rem,6vw,4.5rem);}
.cta-band h2{color:#fff;font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:.7rem;}
.cta-band p{color:rgba(255,255,255,.75);max-width:520px;margin-inline:auto;margin-bottom:1.5rem;}
.cta-band .actions{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;}

.stat-row{display:flex;gap:clamp(1.5rem,4vw,3rem);flex-wrap:wrap;}
.stat-row .stat strong{display:block;font-size:1.7rem;color:var(--ink);}
.stat-row .stat span{font-size:.8rem;color:var(--ink-faint);}

.badge-soon{display:inline-block;font-size:.6rem;font-weight:700;color:var(--gold);border:1px solid var(--gold);
  border-radius:999px;padding:.15rem .55rem;margin-inline-start:.5rem;vertical-align:middle;}
.tag-chip{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;font-size:.78rem;
  font-weight:600;background:rgba(18,48,92,.07);color:var(--ink-soft);border:1px solid var(--line-soft);}