/* ══ HERO 4 THEMES ══ */

/* تم ۱: گلس مورف سبز */
.hero-t1 {
  background: linear-gradient(145deg, #009970 0%, #006650 45%, #004435 100%) !important;
  color: #fff;
  --hero-dig-color: #fff;
  --hero-dig-shadow: 0 0 24px rgba(0,255,180,0.35);
  --hero-lbl-color: rgba(255,255,255,0.55);
  --hero-dow-color: rgba(255,255,255,0.75);
}
.hero-t1 .hero-clk-lbl { color: rgba(255,255,255,0.55); }
.hero-t1 .hero-digital  { color: #fff; text-shadow: 0 0 24px rgba(0,255,180,0.35); }
.hero-t1 .hero-dow      { color: rgba(255,255,255,0.75); }
.hero-t1 .hero-d        { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.2); }
.hero-t1 .hero-d-lbl    { color: rgba(255,255,255,0.55); }
.hero-t1 .hero-d-dow    { color: rgba(255,255,255,0.92); background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.18); }
.hero-t1 .hero-d-num    { color: #fff; }
.hero-t1 .hero-d-mo     { color: rgba(255,255,255,0.8); }
.hero-t1 .hero-d-fmt    { color: rgba(255,255,255,0.45); background: rgba(0,0,0,0.2); }

/* تم ۲: آبی مدرن */
.hero-t2 {
  background: linear-gradient(145deg, #0a1628 0%, #0d1f3c 50%, #071020 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 40px rgba(30,60,120,0.5) !important;
  --hero-dig-color: #60a5fa;
  --hero-dig-shadow: 0 0 30px rgba(96,165,250,0.4);
  --hero-lbl-color: rgba(150,190,255,0.7);
  --hero-dow-color: rgba(150,190,255,0.85);
}
.hero-t2::before { background: radial-gradient(circle, rgba(60,120,255,0.12) 0%, transparent 70%) !important; }
.hero-t2::after  { background: radial-gradient(circle, rgba(0,0,0,0.25) 0%, transparent 70%) !important; }
.hero-t2 .hero-clk-lbl { color: rgba(150,190,255,0.7) !important; letter-spacing: 0.1em; }
.hero-t2 .hero-digital  { color: #60a5fa !important; text-shadow: 0 0 30px rgba(96,165,250,0.4) !important; }
.hero-t2 .hero-dow      { color: rgba(150,190,255,0.8) !important; }
.hero-t2 .hero-clk-lbl  { color: rgba(150,190,255,0.7) !important; }
.hero-t2 .hero-d        { background: rgba(60,120,255,0.18) !important; border-color: rgba(100,160,255,0.35) !important; backdrop-filter: blur(10px); }
.hero-t2 .hero-d-lbl    { color: rgba(150,190,255,0.7) !important; }
.hero-t2 .hero-d-dow    { color: #93c5fd !important; background: rgba(60,120,255,0.25) !important; border-color: rgba(100,160,255,0.3) !important; }
.hero-t2 .hero-d-num    { color: #fff !important; }
.hero-t2 .hero-d-mo     { color: rgba(180,210,255,0.9) !important; }
.hero-t2 .hero-d-fmt    { color: rgba(150,190,255,0.6) !important; background: rgba(0,0,50,0.35) !important; }
.hero-t2 .hero-noise    { opacity: 0.15; }

/* تم ۳: طلایی پریمیوم */
.hero-t3 {
  background: linear-gradient(145deg, #1a1000 0%, #2d1f00 45%, #0f0a00 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 40px rgba(100,60,0,0.5) !important;
  --hero-dig-color: #fcd34d;
  --hero-dig-shadow: 0 0 30px rgba(252,211,77,0.4);
  --hero-lbl-color: rgba(255,200,80,0.65);
  --hero-dow-color: rgba(255,210,100,0.85);
}
.hero-t3::before { background: radial-gradient(circle, rgba(255,180,0,0.1) 0%, transparent 70%) !important; }
.hero-t3::after  { background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, transparent 70%) !important; }
.hero-t3 .hero-clk-lbl { color: rgba(255,200,80,0.65) !important; letter-spacing: 0.1em; }
.hero-t3 .hero-digital  { color: #fcd34d !important; text-shadow: 0 0 30px rgba(252,211,77,0.4) !important; }
.hero-t3 .hero-dow      { color: rgba(255,210,100,0.8) !important; }
.hero-t3 .hero-clk-lbl  { color: rgba(255,200,80,0.65) !important; }
.hero-t3 .hero-d        { background: rgba(255,180,0,0.12) !important; border-color: rgba(255,200,50,0.28) !important; backdrop-filter: blur(10px); }
.hero-t3 .hero-d-lbl    { color: rgba(255,200,80,0.65) !important; }
.hero-t3 .hero-d-dow    { color: #fde68a !important; background: rgba(255,180,0,0.18) !important; border-color: rgba(255,200,50,0.3) !important; }
.hero-t3 .hero-d-num    { color: #fff !important; }
.hero-t3 .hero-d-mo     { color: rgba(255,220,140,0.9) !important; }
.hero-t3 .hero-d-fmt    { color: rgba(255,200,80,0.5) !important; background: rgba(40,20,0,0.4) !important; }
.hero-t3 .hero-noise    { opacity: 0.15; }

/* تم ۴: پرپل/رز */
.hero-t4 {
  background: linear-gradient(145deg, #1a0028 0%, #2d0045 45%, #0f001a 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 40px rgba(100,0,120,0.5) !important;
  --hero-dig-color: #e879f9;
  --hero-dig-shadow: 0 0 30px rgba(232,121,249,0.4);
  --hero-lbl-color: rgba(230,150,255,0.65);
  --hero-dow-color: rgba(230,150,255,0.85);
}
.hero-t4::before { background: radial-gradient(circle, rgba(200,50,255,0.12) 0%, transparent 70%) !important; }
.hero-t4::after  { background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, transparent 70%) !important; }
.hero-t4 .hero-clk-lbl { color: rgba(230,150,255,0.65) !important; letter-spacing: 0.1em; }
.hero-t4 .hero-digital  { color: #e879f9 !important; text-shadow: 0 0 30px rgba(232,121,249,0.4) !important; }
.hero-t4 .hero-dow      { color: rgba(230,150,255,0.8) !important; }
.hero-t4 .hero-clk-lbl  { color: rgba(230,150,255,0.65) !important; }
.hero-t4 .hero-d        { background: rgba(180,50,220,0.15) !important; border-color: rgba(220,100,255,0.3) !important; backdrop-filter: blur(10px); }
.hero-t4 .hero-d-lbl    { color: rgba(220,150,255,0.65) !important; }
.hero-t4 .hero-d-dow    { color: #f0abfc !important; background: rgba(180,50,220,0.22) !important; border-color: rgba(220,100,255,0.3) !important; }
.hero-t4 .hero-d-num    { color: #fff !important; }
.hero-t4 .hero-d-mo     { color: rgba(240,180,255,0.9) !important; }
.hero-t4 .hero-d-fmt    { color: rgba(220,150,255,0.5) !important; background: rgba(30,0,40,0.4) !important; }
.hero-t4 .hero-noise    { opacity: 0.15; }

/* تاریخ‌ها مشترک */
.hero-t-dates {
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 10px !important;
  margin-top: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
@media(max-width:400px) { .hero-t-dates { gap: 7px !important; } }