/* ============================================================
   clinicparvaz.ir — footer.css — نسخهٔ ۲.۰ (بازنویسی یکپارچه)
   · ادغام همهٔ پچ‌های قبلی (۱.۰ تا ۱.۸.۳) در یک فایل تمیز —
     بدون قاعدهٔ تکراری، بدون !important زنجیره‌ای
   · تلفن: کادر برجستهٔ هم‌عرض با کپسول وضعیت و جدول ساعات —
     بدون هیچ انیمیشن hover
   · دکمه‌های CTA بافت‌دار (زبان سایدبار) · ناوبری‌های آیکون‌دار
     چهاررنگ (tile) · ردیف پایانی سه‌خانه‌ای · نبض brandGlow مشترک
   نصب: <link rel="stylesheet" href="footer.css?v=14">
   ============================================================ */

/* ——————————————— ۱. پایه ——————————————— */

.ft-sec{margin:0;padding:0 0 26px}

/* ——————————————— ۲. نوار CTA شناور ——————————————— */

.ft-cta{
  position:relative;z-index:1;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:linear-gradient(135deg,#2A5A8F,#1E3A5F 62%);
  border-radius:24px;padding:26px 30px;margin-bottom:-30px;
  box-shadow:0 18px 44px rgba(15,27,45,.32);
  border:1px solid rgba(255,255,255,.14);
}
.ft-cta::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:var(--stars);background-size:140px 140px;opacity:.55
}
.ft-cta::after{
  content:'✦';position:absolute;left:-16px;bottom:-52px;font-size:130px;
  color:rgba(255,255,255,.07);pointer-events:none
}
.ft-cta-tx,.ft-cta-bt{position:relative;z-index:1;min-width:0}
.ft-kick{
  display:inline-block;font-size:11px;font-weight:800;color:#FFD9A0;
  background:rgba(245,158,11,.16);border-radius:999px;padding:3px 13px;margin-bottom:8px
}
.ft-cta-tx b{display:block;color:#fff;font-size:19px;font-weight:800;letter-spacing:-.01em}
.ft-cta-sub{display:block;color:rgba(255,255,255,.72);font-size:12px;margin-top:5px}
.ft-cta-bt{display:flex;align-items:center;gap:10px;flex-shrink:0}

/* — دکمه‌ها: زبان سایدبار — بافت + جاروب نور — */
.ft-book,.ft-call{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  color:#fff;font-size:13.5px;font-weight:800;white-space:nowrap;
  border:none;border-radius:999px;padding:12px 24px;
  position:relative;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease
}
.ft-book{
  background-image:
    repeating-linear-gradient(0deg,transparent 0 11px,rgba(255,255,255,.09) 11px 12px),
    repeating-linear-gradient(90deg,transparent 0 11px,rgba(255,255,255,.09) 11px 12px),
    linear-gradient(135deg,#F59E0B,#fbbf24);
  box-shadow:0 8px 20px rgba(245,158,11,.42);
}
.ft-book::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.32) 50%,transparent 68%);
  transform:translateX(130%);animation:ftSweep 3.8s ease-in-out infinite
}
@keyframes ftSweep{
  0%,64%{transform:translateX(130%)}
  86%,100%{transform:translateX(-130%)}
}
.ft-call{
  background-image:
    repeating-linear-gradient(0deg,transparent 0 11px,rgba(255,255,255,.06) 11px 12px),
    repeating-linear-gradient(90deg,transparent 0 11px,rgba(255,255,255,.06) 11px 12px),
    linear-gradient(135deg,#2A5A8F,#1E3A5F);
  box-shadow:0 8px 20px rgba(15,27,45,.4);
}
.ft-book:active,.ft-call:active{transform:scale(.97)}
.ft-book:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(245,158,11,.5)}
.ft-call:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(15,27,45,.5)}

/* ——————————————— ۳. بدنهٔ فوتر ——————————————— */

.ft-main{
  position:relative;overflow:hidden;
  background:
    radial-gradient(700px 300px at 88% -60px, rgba(41,168,216,.16), transparent 62%),
    linear-gradient(180deg,#16283F,#0F1B2D);
  border-radius:26px 26px 22px 22px;
  padding:76px 34px 0;
  box-shadow:0 -10px 40px rgba(15,27,45,.18);
}
.ft-main::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:var(--stars);background-size:140px 140px;opacity:.4
}
.ft-main::after{
  content:'✦';position:absolute;right:-34px;bottom:-70px;font-size:220px;line-height:1;
  color:rgba(41,168,216,.06);pointer-events:none
}

.ft-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.7fr 1.1fr 1.1fr 1.3fr;gap:30px
}

/* — لوگو: دایرهٔ نور + نبض مشترک با هدر — */
.ft-logo{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.ft-mark{
  position:relative;width:48px;height:48px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,
              rgba(41,168,216,.42),rgba(15,27,45,.72) 72%);
  box-shadow:0 8px 20px rgba(0,0,0,.4);
}
.ft-mark img{
  border-radius:50%;width:40px;height:40px;display:block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));
  animation:brandGlow 2.8s ease-in-out infinite   /* keyframe از header.css */
}
.ft-logo b{display:block;color:#fff;font-size:15.5px;font-weight:900}
.ft-logo small{display:block;color:rgba(255,255,255,.55);font-size:10px;margin-top:2px}
.ft-brand p{
  color:rgba(255,255,255,.62);font-size:12.5px;line-height:2.1;
  margin-bottom:14px;max-width:360px
}
.ft-badges{display:flex;flex-wrap:wrap;gap:7px}
.ft-badges span{
  font-size:10.5px;font-weight:700;color:#8FD4EF;
  background:rgba(41,168,216,.12);border:1px solid rgba(41,168,216,.22);
  border-radius:999px;padding:4px 12px
}

/* — تیتر ستون‌ها — */
.ft-col h4{
  display:flex;align-items:center;gap:6px;
  color:#fff;font-size:13.5px;font-weight:800;margin-bottom:14px
}
.ft-col h4 i{color:#F59E0B;font-style:normal;font-size:11px}

/* — لینک‌های آیکون‌دار: الگوی tile سایدبار — */
.ft-col a{
  display:flex;align-items:center;gap:9px;
  color:rgba(255,255,255,.66);
  font-size:12.5px;padding:4.5px 0;
  transition:color .2s,transform .2s cubic-bezier(.22,.8,.35,1)
}
.fti{
  width:28px;height:28px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:9px;
  background:rgba(41,168,216,.13);color:#5CC9F0;
  transition:transform .25s cubic-bezier(.22,.8,.35,1)
}
.ft-col a:nth-child(4n+2) .fti{background:rgba(124,111,232,.14);color:#A79BF0}
.ft-col a:nth-child(4n+3) .fti{background:rgba(216,154,30,.14);color:#F0C268}
.ft-col a:nth-child(4n+4) .fti{background:rgba(45,138,95,.16);color:#6FD9A8}
.ft-col a:hover:not(.ft-tel){color:#fff;transform:translateX(-3px)}
.ft-col a:hover .fti{transform:scale(1.12) rotate(-5deg)}

/* ——————————————— ۴. ستون تماس و ساعات کاری ——————————————— */
/* ستون عرض یکنواخت دارد؛ تلفن، کپسول وضعیت و جدول ساعات
   همگی تمام‌عرض آن‌اند تا لبه‌ها قرینه بسته شوند. */

.ft-info{display:flex;flex-direction:column;align-items:flex-start;width:280px;max-width:100%}

/* شماره تماس — کادر برجسته · بدون hover و بدون انیمیشن */
.ft-tel{
  width:100%;
  display:flex;align-items:center;justify-content:center;gap:10px;
  color:#FFD9A0;font-size:19px;font-weight:900;letter-spacing:.5px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,217,160,.22);
  border-radius:14px;padding:11px 14px;margin-bottom:10px
}
.ft-tel svg{flex-shrink:0;color:#F59E0B}

/* کپسول وضعیت باز/بسته — تمام‌عرض */
.ft-open{
  width:100%;text-align:center;
  display:inline-block;font-size:11px;font-weight:800;
  border-radius:999px;padding:6px 13px;margin-bottom:12px
}
.ft-open.live{color:#6EE7B7;background:rgba(52,201,142,.13);border:1px solid rgba(52,201,142,.3)}
.ft-open.shut{color:#FCA5A5;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.25)}

/* جدول ساعات — تمام‌عرض، هم‌لبه با کادر تلفن */
.ft-hours{width:100%;display:flex;flex-direction:column;gap:2px}
.ft-hours span{
  display:flex;justify-content:space-between;gap:10px;
  color:rgba(255,255,255,.62);font-size:12px;
  padding:6.5px 0;border-bottom:1px dashed rgba(255,255,255,.09)
}
.ft-hours b{color:#fff;font-weight:700}
.ft-hours b.ft-closed{color:#FCA5A5}

/* ——————————————— ۵. ردیف پایانی سه‌خانه‌ای ——————————————— */

.ft-bottom{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;
  margin-top:34px;align-items:stretch
}
.ft-cell{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:9px;text-align:center;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:18px 16px
}
.ft-cell-t{
  display:inline-flex;align-items:center;gap:5px;
  color:#8FD4EF;font-size:11px;font-weight:800;letter-spacing:.2px
}
.ft-cell p{
  margin:0;color:rgba(255,255,255,.66);
  font-size:11.5px;line-height:2
}

/* — دکمه‌های مسیریاب با آیکون برند — */
.ft-map{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ft-map a{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:800;color:#fff;
  border-radius:999px;padding:8px 18px;
  transition:transform .2s cubic-bezier(.22,.8,.35,1),box-shadow .2s
}
.ft-map a:hover{color:#fff;transform:translateY(-2px)}
.ft-map-neshan{background:linear-gradient(135deg,#00B368,#009456);
  box-shadow:0 6px 16px rgba(0,179,104,.3)}
.ft-map-neshan:hover{box-shadow:0 10px 22px rgba(0,179,104,.42)}
.ft-map-balad{background:linear-gradient(135deg,#2E7CF6,#1E5FD0);
  box-shadow:0 6px 16px rgba(46,124,246,.3)}
.ft-map-balad:hover{box-shadow:0 10px 22px rgba(46,124,246,.42)}
.ft-map a svg{flex-shrink:0}

/* — ای‌نماد: قاب روشن روی زمینهٔ تیره — */
.ft-cell-seal .ft-seals{display:flex;justify-content:center}
.ft-cell-seal .ft-seals a{
  display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:12px;padding:7px 12px;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
  transition:transform .2s cubic-bezier(.22,.8,.35,1)
}
.ft-cell-seal .ft-seals a:hover{transform:translateY(-2px)}
.ft-cell-seal .ft-seals img{height:64px;width:auto;display:block}

/* — نوار پایانی — */
.ft-bar{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.09);
  margin-top:26px;padding:16px 2px 18px
}
.ft-bar span{color:rgba(255,255,255,.45);font-size:11px}
.ft-made i{color:#F59E0B;font-style:normal;margin:0 7px}

/* — فوکوس کیبورد — */
.ft-sec a:focus-visible{
  outline:2px solid #5CC9F0;outline-offset:2px;border-radius:8px
}
.ft-sec .ft-book:focus-visible,
.ft-sec .ft-call:focus-visible,
.ft-sec .ft-map a:focus-visible{outline-offset:3px}

/* ——————————————— ۶. ریسپانسیو ——————————————— */

/* تبلت */
@media(max-width:960px){
  .ft-grid{grid-template-columns:1fr 1fr;gap:26px}
  .ft-brand{grid-column:1 / -1}
  .ft-bottom{grid-template-columns:1fr 1fr}
  .ft-cell-seal{grid-column:1 / -1}
}

/* موبایل */
@media(max-width:680px){
  .ft-cta{flex-direction:column;align-items:flex-start;padding:22px 20px;margin-bottom:-24px}
  .ft-cta-bt{width:100%}
  .ft-book,.ft-call{flex:1;padding:11px 16px;font-size:12.5px}

  .ft-main{padding:58px 18px 0;border-radius:22px 22px 18px 18px}

  .ft-grid{grid-template-columns:1fr 1fr;gap:20px 14px}
  .ft-brand,.ft-info{grid-column:1 / -1}
  .ft-grid .ft-col[aria-label]{grid-column:auto}

  .ft-col h4{font-size:12.5px;margin-bottom:9px}
  .ft-col a{font-size:11.5px;gap:7px;padding:3.5px 0}
  .fti{width:24px;height:24px;border-radius:8px}
  .fti svg{width:12px;height:12px}

  /* ستون تماس: وسط‌چین، کادر تلفن حفظ می‌شود */
  .ft-info{align-items:center;width:100%;text-align:center}
  .ft-tel{font-size:18px;padding:10px 12px;justify-content:center}
  .ft-hours span{font-size:11.5px;padding:5.5px 0}

  .ft-bottom{grid-template-columns:1fr;gap:10px;margin-top:26px}
  .ft-cell{padding:14px 12px;gap:7px}
  .ft-map a{flex:1;justify-content:center}

  .ft-bar{
    flex-direction:column;align-items:center;gap:3px;
    text-align:center;margin-top:20px;padding:14px 0 16px
  }
  .ft-bar span{font-size:10px}
}

/* موبایل باریک */
@media(max-width:360px){
  .ft-grid{gap:16px 10px}
  .ft-col a{font-size:11px}
  .ft-col h4{font-size:12px}
  .ft-cta-tx b{font-size:16.5px}
}
/* — ۲.۰.۱: آیکون‌باکس شیشه‌ای دکمه‌های CTA (زبان سایدبار) — */
.fti-cta{
  width:26px;height:26px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:9px;
  background:rgba(255,255,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35)
}
.fti-cta svg{width:14px;height:14px}
.ft-call .fti-cta{animation:ftCallGlow 2.4s ease-in-out infinite}
@keyframes ftCallGlow{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 0 rgba(255,255,255,.35)}
  50%    {box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 5px rgba(255,255,255,0)}
}
@media(prefers-reduced-motion:reduce){
  .ft-call .fti-cta{animation:none}
}
/* کاهش حرکت */
@media(prefers-reduced-motion:reduce){
  .ft-col a,.ft-book,.ft-call,.ft-map a,.ft-seals a{transition:none}
  .ft-book::after{animation:none}
  .ft-mark img{animation:none}
}