/* ==========================================================
 * hero-themes.css - Theme presets ของ Hero ใช้ทั้งหน้าสาธารณะและ admin
 * ========================================================== */

.hero-theme-default {
  background-image:
    url('/images/hero-mountains.svg'),
    linear-gradient(135deg, #061a3d 0%, #0a2756 50%, #1a4080 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: center bottom, center;
  background-size: cover, cover;
}
.hero-theme-default::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(212, 169, 61, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(212, 169, 61, 0.1) 0%, transparent 50%);
}

.hero-theme-songkran {
  background: linear-gradient(135deg, #0c4a6e 0%, #0284c7 50%, #38bdf8 100%);
}
.hero-theme-songkran::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(186, 230, 253, 0.4) 0%, transparent 30%),
    radial-gradient(circle at 75% 60%, rgba(125, 211, 252, 0.3) 0%, transparent 35%),
    radial-gradient(circle at 50% 80%, rgba(186, 230, 253, 0.2) 0%, transparent 40%);
}

.hero-theme-loykrathong {
  background: linear-gradient(135deg, #7c2d12 0%, #c2410c 40%, #f59e0b 100%);
}
.hero-theme-loykrathong::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 25% 30%, rgba(254, 215, 170, 0.3) 0%, transparent 30%),
    radial-gradient(circle at 70% 70%, rgba(254, 240, 138, 0.25) 0%, transparent 35%);
}

.hero-theme-newyear {
  background: linear-gradient(135deg, #4c1d95 0%, #7c3aed 40%, #d4a93d 100%);
}
.hero-theme-newyear::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 10% 20%, rgba(254, 240, 138, 0.4) 0%, transparent 20%),
    radial-gradient(circle at 30% 60%, rgba(253, 224, 71, 0.3) 0%, transparent 25%),
    radial-gradient(circle at 70% 30%, rgba(252, 211, 77, 0.4) 0%, transparent 20%),
    radial-gradient(circle at 85% 75%, rgba(254, 240, 138, 0.3) 0%, transparent 25%);
}

.hero-theme-mothersday {
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #93c5fd 100%);
}
.hero-theme-mothersday::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 30% 30%, rgba(219, 234, 254, 0.3) 0%, transparent 35%),
    radial-gradient(circle at 70% 70%, rgba(191, 219, 254, 0.3) 0%, transparent 40%);
}

.hero-theme-fathersday {
  background: linear-gradient(135deg, #b45309 0%, #d97706 50%, #fbbf24 100%);
}
.hero-theme-fathersday::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 25% 30%, rgba(254, 240, 138, 0.3) 0%, transparent 35%),
    radial-gradient(circle at 75% 70%, rgba(254, 215, 170, 0.3) 0%, transparent 40%);
}

.hero-theme-wai_kru {
  background: linear-gradient(135deg, #581c87 0%, #7c3aed 50%, #c084fc 100%);
}
.hero-theme-wai_kru::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(233, 213, 255, 0.3) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(216, 180, 254, 0.3) 0%, transparent 35%);
}

.hero-theme-wisakha {
  background: linear-gradient(135deg, #92400e 0%, #f59e0b 50%, #fde68a 100%);
}
.hero-theme-wisakha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 50% 30%, rgba(254, 252, 191, 0.5) 0%, transparent 40%),
    radial-gradient(circle at 30% 70%, rgba(253, 230, 138, 0.3) 0%, transparent 35%);
}

.hero-theme-children {
  background: linear-gradient(135deg, #be185d 0%, #ec4899 50%, #fbbf24 100%);
}
.hero-theme-children::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 15% 25%, rgba(254, 240, 138, 0.4) 0%, transparent 25%),
    radial-gradient(circle at 50% 60%, rgba(252, 165, 165, 0.3) 0%, transparent 30%),
    radial-gradient(circle at 85% 30%, rgba(186, 230, 253, 0.3) 0%, transparent 25%);
}

.hero-theme-christmas {
  background: linear-gradient(135deg, #14532d 0%, #15803d 50%, #dc2626 100%);
}
.hero-theme-christmas::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(254, 226, 226, 0.3) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(220, 252, 231, 0.3) 0%, transparent 35%);
}

.hero-theme-opening_term {
  background: linear-gradient(135deg, #064e3b 0%, #059669 50%, #34d399 100%);
}
.hero-theme-opening_term::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 30% 30%, rgba(209, 250, 229, 0.3) 0%, transparent 35%),
    radial-gradient(circle at 70% 70%, rgba(167, 243, 208, 0.3) 0%, transparent 40%);
}