/* =========================================================
   Sticky Contact Bar (Mobile) — No Form, Clean & Brand
   Brand: #8f679f
   ========================================================= */
:root{
  --brand:#8f679f;
  --ink:#182230;
  --muted:#6b7280;
  --line:#e5e7eb;
  --bg:#ffffff;
  --r:14px;
  --shadow:0 -8px 22px rgba(24,34,48,.10);
}

/* فقط موبایل */
@media (max-width: 768px){
  body{ padding-bottom:72px; } /* فضا برای نوار */

  .vtcbar{
    position:fixed; inset-inline:0; bottom:0;
    display:flex; gap:10px; justify-content:space-between; align-items:center;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom));
    background:var(--bg);
    border-top:1px solid var(--line);
    box-shadow:var(--shadow);
    z-index:9999;
  }

  .vtc-btn{
    flex:1 1 0;
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:12px 14px;
    border-radius:var(--r);
    border:1px solid var(--line);
    background:#fff;
    color:var(--ink);
    text-decoration:none;
    font-weight:700;
    transition:transform .08s ease, box-shadow .18s ease;
    -webkit-tap-highlight-color: transparent;
  }
  .vtc-btn:active{ transform:translateY(1px); }

  .vtc-call{
    background:linear-gradient(180deg, #ffffff 0%, #f7f2fa 100%);
    border-color:#e9dff0;
    box-shadow:0 6px 14px rgba(143,103,159,.12);
  }
  .vtc-call .vtc-ico{ filter:saturate(0.9); }

  .vtc-wa{
    background:linear-gradient(180deg, #ffffff 0%, #eefbf3 100%);
    border-color:#cfead9;
    box-shadow:0 6px 14px rgba(16,185,129,.12);
  }

  .vtc-ico{ font-style:normal; font-size:18px; line-height:1; }
  .vtc-lbl{ font-size:15px; }

  /* حالت تیره (اگر سیستم کاربر دارک است) */
  @media (prefers-color-scheme: dark){
    :root{
      --bg:#0f1217; --ink:#e5e7eb; --line:#2a2f39;
      --shadow:0 -8px 22px rgba(0,0,0,.35);
    }
    .vtc-btn{ background:#171b22; border-color:#2a2f39; }
    .vtc-call{ background:linear-gradient(180deg, #1a1f27 0%, #171b22 100%); }
    .vtc-wa{   background:linear-gradient(180deg, #1a1f27 0%, #142019 100%); }
  }

  /* کاهش حرکت */
  @media (prefers-reduced-motion: reduce){
    .vtc-btn{ transition:none; }
  }
}

/* دسکتاپ: پنهان */
@media (min-width: 769px){
  .vtcbar{ display:none; }
}