/* ══ HERO 4 THEMES ══ */

/* تم ۱: گلس مورف سبز */
.hero-t1 {
  background: linear-gradient(145deg, #009970 0%, #006650 45%, #004435 100%) !important;
  color: #fff;
  box-shadow: none !important;
}
.hero-t1 .hero-clk-lbl { color: rgba(255,255,255,0.80) !important; }
.hero-t1 .hero-digital  { color: #fff !important; text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important; }
.hero-t1 .hero-dow      { color: #fff !important; font-weight: 700 !important; }
.hero-t1 .hero-d        { background: rgba(0,0,0,0.30) !important; border: 1.5px solid rgba(255,255,255,0.35) !important; box-shadow: none !important; }
.hero-t1 .hero-d-lbl    { color: #fff !important; font-weight: 800 !important; }
.hero-t1 .hero-d-dow    { color: #fff !important; background: rgba(255,255,255,0.20) !important; border-color: rgba(255,255,255,0.35) !important; font-weight: 800 !important; }
.hero-t1 .hero-d-num    { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; }
.hero-t1 .hero-d-mo     { color: #fff !important; font-weight: 800 !important; }
.hero-t1 .hero-d-fmt    { color: #fff !important; background: rgba(0,0,0,0.28) !important; font-weight: 600 !important; }

/* تم ۲: آبی مدرن */
.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-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(180,210,255,0.85) !important; letter-spacing: 0.1em; }
.hero-t2 .hero-digital  { color: #93c5fd !important; text-shadow: 0 2px 12px rgba(96,165,250,0.5) !important; }
.hero-t2 .hero-dow      { color: #fff !important; font-weight: 700 !important; }
.hero-t2 .hero-d        { background: rgba(20,50,120,0.45) !important; border: 1.5px solid rgba(120,170,255,0.45) !important; backdrop-filter: blur(10px); }
.hero-t2 .hero-d-lbl    { color: rgba(180,210,255,0.90) !important; font-weight: 800 !important; }
.hero-t2 .hero-d-dow    { color: #fff !important; background: rgba(60,120,255,0.35) !important; border-color: rgba(120,170,255,0.45) !important; font-weight: 800 !important; }
.hero-t2 .hero-d-num    { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important; }
.hero-t2 .hero-d-mo     { color: #fff !important; font-weight: 700 !important; }
.hero-t2 .hero-d-fmt    { color: rgba(180,210,255,0.90) !important; background: rgba(0,0,60,0.45) !important; font-weight: 600 !important; }
.hero-t2 .hero-noise    { opacity: 0.10; }

/* تم ۳: طلایی پریمیوم */
.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-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,220,120,0.90) !important; letter-spacing: 0.1em; }
.hero-t3 .hero-digital  { color: #fcd34d !important; text-shadow: 0 2px 12px rgba(180,120,0,0.6) !important; }
.hero-t3 .hero-dow      { color: #fde68a !important; font-weight: 700 !important; }
.hero-t3 .hero-d        { background: rgba(80,50,0,0.55) !important; border: 1.5px solid rgba(255,200,80,0.45) !important; backdrop-filter: blur(10px); }
.hero-t3 .hero-d-lbl    { color: rgba(255,220,120,0.95) !important; font-weight: 800 !important; }
.hero-t3 .hero-d-dow    { color: #fff !important; background: rgba(180,120,0,0.45) !important; border-color: rgba(255,200,80,0.45) !important; font-weight: 800 !important; }
.hero-t3 .hero-d-num    { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important; }
.hero-t3 .hero-d-mo     { color: #fde68a !important; font-weight: 700 !important; }
.hero-t3 .hero-d-fmt    { color: rgba(255,220,120,0.92) !important; background: rgba(60,35,0,0.55) !important; font-weight: 600 !important; }
.hero-t3 .hero-noise    { opacity: 0.08; }

/* تم ۴: پرپل/رز */
.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-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(240,180,255,0.90) !important; letter-spacing: 0.1em; }
.hero-t4 .hero-digital  { color: #e879f9 !important; text-shadow: 0 2px 12px rgba(150,0,180,0.6) !important; }
.hero-t4 .hero-dow      { color: #f0abfc !important; font-weight: 700 !important; }
.hero-t4 .hero-d        { background: rgba(80,0,100,0.55) !important; border: 1.5px solid rgba(220,120,255,0.45) !important; backdrop-filter: blur(10px); }
.hero-t4 .hero-d-lbl    { color: rgba(240,180,255,0.95) !important; font-weight: 800 !important; }
.hero-t4 .hero-d-dow    { color: #fff !important; background: rgba(150,0,200,0.45) !important; border-color: rgba(220,120,255,0.45) !important; font-weight: 800 !important; }
.hero-t4 .hero-d-num    { color: #fff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important; }
.hero-t4 .hero-d-mo     { color: #f0abfc !important; font-weight: 700 !important; }
.hero-t4 .hero-d-fmt    { color: rgba(240,180,255,0.92) !important; background: rgba(40,0,55,0.55) !important; font-weight: 600 !important; }
.hero-t4 .hero-noise    { opacity: 0.08; }

/* تاریخ‌ها مشترک */
.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; } }