/* tmc-themes.css v1 — 20 presets */
:root{ --tmc-bg:#ffffff; --tmc-accent:#10b981; --tmc-text:#0f172a; --tmc-blur:8px; }

#tmc-phone-topbar{ transition: background .25s ease, color .25s ease, border-color .25s ease; }

/* Base helpers applied by JS: */
.tmc-theme{}
.tmc-theme .tmc-phone-topbar{
  background: var(--tmc-bg);
  color: var(--tmc-text);
  border-color: rgba(15,23,42,.06);
  backdrop-filter: blur(var(--tmc-blur,8px));
  -webkit-backdrop-filter: blur(var(--tmc-blur,8px));
  box-shadow: 0 14px 40px rgba(15,23,42,.18);
}

/* Preset builder */
.tmc-theme-1 { --tmc-bg: rgba(255,255,255,.92); --tmc-accent:#10b981; --tmc-text:#0f172a; }
.tmc-theme-2 { --tmc-bg: rgba(34,197,94,.12); --tmc-accent:#16a34a; --tmc-text:#022c22; }
.tmc-theme-3 { --tmc-bg: linear-gradient(120deg,rgba(15,23,42,.04),rgba(59,130,246,.16)); --tmc-accent:#1d4ed8; --tmc-text:#020617; }
.tmc-theme-4 { --tmc-bg: linear-gradient(90deg,#0ea5e9,#22d3ee); --tmc-accent:#111827; --tmc-text:#062033; }
.tmc-theme-5 { --tmc-bg: rgba(255,255,255,.92); --tmc-accent:#ef4444; --tmc-text:#111827; }
.tmc-theme-6 { --tmc-bg: rgba(249,250,251,.94); --tmc-accent:#8b5cf6; --tmc-text:#111827; }
.tmc-theme-7 { --tmc-bg: linear-gradient(135deg,#f59e0b,#ef4444); --tmc-accent:#111827; --tmc-text:#111827; }
.tmc-theme-8 { --tmc-bg: rgba(255,255,255,.8); --tmc-accent:#0ea5e9; --tmc-text:#0f172a; }
.tmc-theme-9 { --tmc-bg: linear-gradient(120deg,rgba(34,197,94,.10),rgba(21,128,61,.10)); --tmc-accent:#16a34a; --tmc-text:#022c22; }
.tmc-theme-10{ --tmc-bg: rgba(248,250,252,.94); --tmc-accent:#0284c7; --tmc-text:#0f172a; }
.tmc-theme-11{ --tmc-bg: linear-gradient(120deg,rgba(30,64,175,.06),rgba(15,118,110,.12)); --tmc-accent:#14b8a6; --tmc-text:#020617; }
.tmc-theme-12{ --tmc-bg: rgba(248,250,252,.92); --tmc-accent:#9333ea; --tmc-text:#0f172a; }
.tmc-theme-13{ --tmc-bg: linear-gradient(135deg,rgba(16,185,129,.08),rgba(21,128,61,.12)); --tmc-accent:#15803d; --tmc-text:#022c22; }
.tmc-theme-14{ --tmc-bg: rgba(251,191,36,.92); --tmc-accent:#111827; --tmc-text:#111827; }
.tmc-theme-15{ --tmc-bg: radial-gradient(circle at top,rgba(17,24,39,.05) 0%,rgba(15,23,42,.10) 40%,rgba(15,23,42,.14) 100%); --tmc-accent:#d4af37; --tmc-text:#111827; }
.tmc-theme-16{ --tmc-bg: rgba(248,250,252,.96); --tmc-accent:#ef4444; --tmc-text:#0f172a; }
.tmc-theme-17{ --tmc-bg: linear-gradient(120deg,rgba(15,23,42,.04),rgba(14,165,233,.16)); --tmc-accent:#0ea5e9; --tmc-text:#020617; }
.tmc-theme-18{ --tmc-bg: rgba(255,255,255,.96); --tmc-accent:#059669; --tmc-text:#0f172a; }
.tmc-theme-19{ --tmc-bg: linear-gradient(90deg,rgba(8,47,73,.06),rgba(15,23,42,.10)); --tmc-accent:#06b6d4; --tmc-text:#020617; }
.tmc-theme-20{ --tmc-bg: linear-gradient(135deg,rgba(37,99,235,.10),rgba(30,64,175,.14)); --tmc-accent:#f43f5e; --tmc-text:#020617; }

.tmc-theme-21{ --tmc-bg: rgba(255,255,255,.80); --tmc-accent:#22c55e; --tmc-text:#020617; }
.tmc-theme-22{ --tmc-bg: rgba(248,250,252,.90); --tmc-accent:#facc15; --tmc-text:#0f172a; }

/* Apply variables to the existing CSS selectors if present */
.tmc-theme-1 #tmc-phone-topbar,
.tmc-theme-2 #tmc-phone-topbar,
.tmc-theme-3 #tmc-phone-topbar,
.tmc-theme-4 #tmc-phone-topbar,
.tmc-theme-5 #tmc-phone-topbar,
.tmc-theme-6 #tmc-phone-topbar,
.tmc-theme-7 #tmc-phone-topbar,
.tmc-theme-8 #tmc-phone-topbar,
.tmc-theme-9 #tmc-phone-topbar,
.tmc-theme-10 #tmc-phone-topbar,
.tmc-theme-11 #tmc-phone-topbar,
.tmc-theme-12 #tmc-phone-topbar,
.tmc-theme-13 #tmc-phone-topbar,
.tmc-theme-14 #tmc-phone-topbar,
.tmc-theme-15 #tmc-phone-topbar,
.tmc-theme-16 #tmc-phone-topbar,
.tmc-theme-17 #tmc-phone-topbar,
.tmc-theme-18 #tmc-phone-topbar,
.tmc-theme-19 #tmc-phone-topbar,
.tmc-theme-20 #tmc-phone-topbar,
.tmc-theme-21 #tmc-phone-topbar,
.tmc-theme-22 #tmc-phone-topbar {
  background: var(--tmc-bg) !important;
  color: var(--tmc-text) !important;
}

.tmc-theme-1 #tmc-phone-topbar a,
.tmc-theme-2 #tmc-phone-topbar a,
.tmc-theme-3 #tmc-phone-topbar a,
.tmc-theme-4 #tmc-phone-topbar a,
.tmc-theme-5 #tmc-phone-topbar a,
.tmc-theme-6 #tmc-phone-topbar a,
.tmc-theme-7 #tmc-phone-topbar a,
.tmc-theme-8 #tmc-phone-topbar a,
.tmc-theme-9 #tmc-phone-topbar a,
.tmc-theme-10 #tmc-phone-topbar a,
.tmc-theme-11 #tmc-phone-topbar a,
.tmc-theme-12 #tmc-phone-topbar a,
.tmc-theme-13 #tmc-phone-topbar a,
.tmc-theme-14 #tmc-phone-topbar a,
.tmc-theme-15 #tmc-phone-topbar a,
.tmc-theme-16 #tmc-phone-topbar a,
.tmc-theme-17 #tmc-phone-topbar a,
.tmc-theme-18 #tmc-phone-topbar a,
.tmc-theme-19 #tmc-phone-topbar a,
.tmc-theme-20 #tmc-phone-topbar a,
.tmc-theme-21 #tmc-phone-topbar a,
.tmc-theme-22 #tmc-phone-topbar a { color: var(--tmc-text) !important; }

/* Accent markers */
#tmc-phone-topbar .tmcpt-actions .tmcpt-btn{ border-color: var(--tmc-accent) !important; }
#tmc-phone-topbar .tmcpt-actions .tmcpt-btn:hover{ background: var(--tmc-accent) !important; color: #fff !important; }


/* بهتر شدن خوانایی اعداد در تم‌های تیره نوار تلفن */
.tmc-theme-2  #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-2  #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-2  #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-3  #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-3  #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-3  #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-9  #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-9  #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-9  #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-10 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-10 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-10 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-11 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-11 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-11 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-13 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-13 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-13 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-15 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-15 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-15 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-16 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-16 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-16 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-17 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-17 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-17 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-19 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-19 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-19 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-20 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-20 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-20 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3,
.tmc-theme-22 #tmc-phone-topbar .tmcpt-phone .tmcpt-p1,
.tmc-theme-22 #tmc-phone-topbar .tmcpt-phone .tmcpt-p2,
.tmc-theme-22 #tmc-phone-topbar .tmcpt-phone .tmcpt-p3{
  color: var(--tmc-text, #111827) !important;
  text-shadow:none;
  font-weight:600;
}