/* ═══════════════════════════════════════════════════
   مؤسسه حقوقی میزان · استایل صفحات داخلی (۲۰۲۶)
   وابسته به style.css — فقط کامپوننت‌های صفحات
   ═══════════════════════════════════════════════════ */

/* ── سرصفحه‌ی صفحات داخلی ────────────────── */
.page-hero{position:relative;padding:170px 0 90px;overflow:hidden}
.page-hero__inner{text-align:center;position:relative}
.page-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.55}
.page-hero__sub{color:var(--muted);font-size:1.05rem;max-width:64ch;margin:16px auto 0}
.breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.86rem;color:var(--muted);margin-bottom:18px}
.breadcrumb a{color:var(--gold-2);transition:color .3s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb .sep{color:var(--gold);font-size:.75rem}
.section--flush{padding-top:clamp(18px,4vw,40px)}

/* ── نوار CTA پایین صفحات ────────────────── */
.cta-strip{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(212,175,55,.045))}
.cta-strip__inner{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-block:clamp(42px,5vw,66px);flex-wrap:wrap}
.cta-strip__text h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;line-height:1.6}
.cta-strip__text p{color:var(--muted);margin-top:6px;font-size:.95rem}

/* ── تایم‌لاین (درباره ما) ────────────────── */
.timeline{position:relative;max-width:860px;margin-inline:auto}
.timeline::before{content:"";position:absolute;inset-inline-start:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.06))}
.tl-item{position:relative;padding-inline-start:46px;padding-bottom:44px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;inset-inline-start:2px;top:7px;width:16px;height:16px;border-radius:50%;background:var(--bg-2);border:2px solid var(--gold);box-shadow:0 0 0 5px rgba(212,175,55,.12)}
.tl-item__year{display:inline-block;color:var(--gold-2);font-weight:900;font-size:1.05rem;margin-bottom:8px}
.tl-item h3{font-size:1.18rem;font-weight:800;margin-bottom:8px}
.tl-item p{color:var(--muted);font-size:.95rem;line-height:1.95}

/* ── گواهینامه‌ها و اعتبارها ──────────────── */
.cert-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px 16px;border:1px dashed rgba(212,175,55,.35);border-radius:18px;background:rgba(212,175,55,.03);font-size:.85rem;font-weight:600;line-height:1.8}
.cert .ico{color:var(--gold);width:24px;height:24px}
/* ── ردیف‌های خدمات ──────────────────────── */
.srv-list{display:grid;gap:22px}
.srv{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--card);transition:border-color .4s,box-shadow .4s}
.srv:hover{border-color:rgba(212,175,55,.42);box-shadow:0 30px 60px -30px rgba(212,175,55,.18)}
.srv__side{position:relative;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:linear-gradient(165deg,rgba(212,175,55,.12),rgba(212,175,55,.02));border-inline-end:1px solid var(--line)}
.srv__num{font-size:3rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(212,175,55,.45)}
.srv__icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.26);color:var(--gold-2)}
.srv__side h3{font-size:1.3rem;font-weight:800;line-height:1.6}
.srv__body{padding:32px}
.srv__body>p{color:var(--muted);font-size:.96rem}
.srv__items{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-top:22px}
.srv__items li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.8}
.srv__items .ico{color:var(--gold);flex:none;margin-top:7px;width:15px;height:15px}
.srv__foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.srv__foot .btn{padding:11px 24px;font-size:.88rem}
.srv__hint{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:7px}
.srv__hint .ico{color:var(--gold);width:14px;height:14px}
.srv:nth-of-type(even) .srv__side{order:2;border-inline-end:0;border-inline-start:1px solid var(--line)}
/* ── کارت وکلا ───────────────────────────── */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.team-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.team-card:hover{transform:translateY(-7px);border-color:rgba(212,175,55,.42);box-shadow:0 28px 56px -26px rgba(212,175,55,.22)}
.team-card__photo{position:relative;height:215px;display:grid;place-items:center;background:linear-gradient(165deg,#1b2230,#0b0e15);border-bottom:1px solid var(--line);overflow:hidden}
.team-card__photo::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 75%)}
.team-card__letter{font-size:6rem;font-weight:900;color:rgba(212,175,55,.2);line-height:1;transition:color .4s,translate .45s var(--ease)}
.team-card:hover .team-card__letter{color:rgba(212,175,55,.4);translate:0 -6px}
.team-card__badge{position:absolute;bottom:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(12,14,20,.85);border:1px solid var(--line-gold);color:var(--gold-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.team-card__badge .ico{width:16px;height:16px}
.team-card__body{padding:22px;text-align:center}
.team-card__body h3{font-size:1.12rem;font-weight:800}
.team-card__body>span{display:block;color:var(--gold-2);font-size:.84rem;font-weight:600;margin-top:4px}
.team-card__tags{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:14px}
.team-card__tags .tag{font-size:.7rem;padding:4px 11px}
.team-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:.88rem;font-weight:700;color:var(--gold-2);transition:color .3s,gap .3s}
.team-card__link:hover{color:var(--gold);gap:12px}
.team-note{text-align:center;color:var(--muted);font-size:.95rem;margin-top:38px;line-height:2;max-width:64ch;margin-inline:auto}
.team-note strong{color:var(--gold-2)}
/* ── کارت مقالات ─────────────────────────── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:transform .45s var(--ease),border-color .45s,box-shadow .45s}
.post-card:hover{transform:translateY(-7px);border-color:rgba(212,175,55,.42);box-shadow:0 28px 56px -26px rgba(212,175,55,.2)}
.post-card__cover{position:relative;height:185px;display:grid;place-items:center;background:linear-gradient(165deg,#1b2230,#0b0e15);border-bottom:1px solid var(--line)}
.post-card__cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 75%)}
.post-card__cover .ico{width:52px;height:52px;color:var(--gold);opacity:.9;transition:scale .45s var(--ease)}
.post-card:hover .post-card__cover .ico{scale:1.12}
.post-card__cat{position:absolute;top:14px;inset-inline-start:14px;font-size:.72rem;font-weight:700;color:var(--gold-2);background:rgba(12,14,20,.85);border:1px solid var(--line-gold);border-radius:100px;padding:4px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.post-card__body{padding:22px;display:flex;flex-direction:column;flex:1}
.post-card__body h3{font-size:1.05rem;font-weight:800;line-height:1.75}
.post-card__body h3 a{transition:color .3s}
.post-card__body h3 a:hover{color:var(--gold-2)}
.post-card__body p{color:var(--muted);font-size:.88rem;margin-top:10px;flex:1}
.post-card__meta{display:flex;gap:16px;font-size:.76rem;color:var(--muted);margin-top:16px}
.post-card__meta span{display:flex;align-items:center;gap:6px}
.post-card__meta .ico{width:13px;height:13px;color:var(--gold)}
.post-card__link{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:700;color:var(--gold-2);transition:color .3s,gap .3s}
.post-card__link:hover{color:var(--gold);gap:12px}
.blog-nav{display:flex;justify-content:center;gap:10px;margin-top:48px}
.blog-nav a{min-width:44px;height:44px;padding-inline:14px;border-radius:100px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-weight:700;font-size:.9rem;transition:.3s}
.blog-nav a:hover,.blog-nav a.on{background:var(--gold);border-color:var(--gold);color:#171104}
/* ── صفحه‌ی مقاله ────────────────────────── */
.article{max-width:780px;margin-inline:auto}
.article__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}
.article__meta .tag{font-size:.76rem}
.article__meta span{display:flex;align-items:center;gap:7px}
.article__meta .ico{width:14px;height:14px;color:var(--gold)}
.article h1{font-size:clamp(1.9rem,4.2vw,2.9rem);font-weight:900;line-height:1.6;margin:18px 0}
.article__excerpt{color:var(--muted);font-size:1.05rem;line-height:2.1}
.article__cover{position:relative;height:270px;border-radius:26px;border:1px solid var(--line);display:grid;place-items:center;background:linear-gradient(165deg,#1b2230,#0b0e15);margin:30px 0;overflow:hidden}
.article__cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 25%,transparent 75%);mask-image:radial-gradient(circle at 50% 45%,#000 25%,transparent 75%)}
.article__cover .ico{width:64px;height:64px;color:var(--gold);opacity:.9}
.article__body p{color:#c7ccd6;line-height:2.15;margin-bottom:18px;font-size:1rem}
.article__body h2{font-size:1.45rem;font-weight:800;margin:36px 0 14px;line-height:1.7;color:var(--text)}
.article__body h3{font-size:1.15rem;font-weight:800;margin:26px 0 10px;color:var(--text)}
.article__body strong{color:var(--gold-2)}
.article__quote{position:relative;border-inline-start:3px solid var(--gold);background:rgba(212,175,55,.06);padding:24px 28px;border-radius:0 18px 18px 0;margin:28px 0;font-weight:600;line-height:2.1;font-size:1.02rem}
.article__quote::before{content:"”";position:absolute;top:-16px;inset-inline-end:18px;font-family:Georgia,serif;font-size:4.5rem;color:rgba(212,175,55,.25);line-height:1}
.article__list{display:grid;gap:12px;margin:6px 0 22px;list-style:none}
.article__list li{display:flex;gap:12px;align-items:flex-start;color:#c7ccd6;line-height:1.95;font-size:.98rem}
.article__list .ico{color:var(--gold);flex:none;margin-top:8px;width:15px;height:15px}
.article__share{display:flex;align-items:center;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.article__share .social{margin-inline-start:auto}
.author-box{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;margin-top:34px}
.author-box__avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--grad-gold);color:#171104;font-weight:900;font-size:1.3rem;flex:none}
.author-box b{display:block}
.author-box>div>span{color:var(--gold-2);font-size:.84rem;font-weight:600}
.author-box p{color:var(--muted);font-size:.88rem;margin-top:6px}
/* ── دسته‌های سؤالات متداول ───────────────── */
.faq-cat{max-width:820px;margin:0 auto clamp(44px,5vw,60px)}
.faq-cat:last-of-type{margin-bottom:0}
.faq-cat>h3{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;margin-bottom:18px;color:var(--gold-2)}
.faq-cat>h3 .ico{width:22px;height:22px}

/* ── نقشه و ساعات (صفحه تماس) ────────────── */
.map-card{position:relative;height:290px;border-radius:26px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(165deg,#10141d,#090b11);margin-top:clamp(32px,4vw,48px)}
.map-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 80%)}
.map-card__pin{position:absolute;inset:0;display:grid;place-items:center}
.map-card__pin .ico{width:46px;height:46px;color:var(--gold);animation:pinFloat 3s ease-in-out infinite}
@keyframes pinFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.map-card__pin::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;border:1px solid rgba(212,175,55,.4);animation:pinPulse 2.6s ease-out infinite}
@keyframes pinPulse{from{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}
.map-card__tag{position:absolute;bottom:18px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:8px;background:rgba(12,14,20,.85);border:1px solid var(--line-gold);border-radius:100px;padding:9px 18px;font-size:.82rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}
.map-card__tag .ico{color:var(--gold);width:15px;height:15px}
.hours-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.hours-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;text-align:center;transition:border-color .4s,translate .4s var(--ease)}
.hours-card:hover{border-color:var(--line-gold);translate:0 -5px}
.hours-card .ico{margin:0 auto 12px;color:var(--gold);width:24px;height:24px}
.hours-card b{display:block;font-size:1rem;margin-bottom:4px}
.hours-card span{color:var(--muted);font-size:.9rem}
/* ── ریسپانسیو صفحات داخلی ───────────────── */
@media (max-width:1080px){
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .cert-bar{grid-template-columns:repeat(2,1fr)}
  .srv{grid-template-columns:1fr}
  .srv__side{border-inline-end:0;border-bottom:1px solid var(--line)}
  .srv:nth-of-type(even) .srv__side{order:0;border-inline-start:0}
  .cta-strip__inner{justify-content:center;text-align:center}
  .hours-strip{grid-template-columns:1fr}
}
@media (max-width:680px){
  .team-grid,.blog-grid{grid-template-columns:1fr}
  .cert-bar{grid-template-columns:1fr}
  .srv__items{grid-template-columns:1fr}
  .page-hero{padding:135px 0 72px}
  .map-card{height:240px}
  .author-box{flex-direction:column;text-align:center}
}