/* ============================================
   Themes theo sự kiện - màu sắc, góc bo, nền
   Chỉ áp dụng khi admin bật và chọn theme
   ============================================ */

/* --- Tết --- */
body.theme-tet {
  --primary: #C41E3A;
  --primary-hover: #A01830;
  --accent: #FFD700;
  --bg-alt: #FFF8F0;
  --shadow-sm: 0 4px 15px rgba(196, 30, 58, 0.25);
  --shadow-card-hover: 0 20px 40px rgba(196, 30, 58, 0.2);
  --radius-card: 20px;
  --radius-btn: 24px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #FFF8F5 0%, #FFFFFF 30%, #FFFFFF 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
}
body.theme-tet .main-navbar { border-radius: 0 0 16px 16px; }
body.theme-tet .container { --container-radius: 12px; }
body.theme-tet section.section-block,
body.theme-tet section.section-alt { border-radius: 20px; }

/* --- Giỗ Tổ Hùng Vương --- */
body.theme-hung_kings {
  --primary: #DA251D;
  --primary-hover: #B91C15;
  --accent: #FFC107;
  --bg-alt: #FFFBF0;
  --shadow-sm: 0 4px 15px rgba(218, 37, 29, 0.28);
  --shadow-card-hover: 0 20px 40px rgba(218, 37, 29, 0.18);
  --radius-card: 12px;
  --radius-btn: 8px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #FFF5F0 0%, #FFFFFF 25%, #FFFFFF 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
}
body.theme-hung_kings .main-navbar { border-radius: 0 0 12px 12px; }

/* --- 30/04 - 01/05 --- */
body.theme-reunification {
  --primary: #E63946;
  --primary-hover: #C1121F;
  --accent: #FFD60A;
  --bg-alt: #FFFDE7;
  --shadow-sm: 0 4px 15px rgba(230, 57, 70, 0.3);
  --shadow-card-hover: 0 20px 40px rgba(230, 57, 70, 0.2);
  --radius-card: 14px;
  --radius-btn: 12px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #FFF8E7 0%, #FFFFFF 28%, #FFFFFF 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
}
body.theme-reunification .main-navbar { border-radius: 0 0 14px 14px; }

/* --- Trung Thu --- */
body.theme-trung_thu {
  --primary: #E67E22;
  --primary-hover: #D35400;
  --accent: #F1C40F;
  --bg-alt: #FEF9E7;
  --shadow-sm: 0 4px 15px rgba(230, 126, 34, 0.3);
  --shadow-card-hover: 0 20px 40px rgba(241, 196, 15, 0.25);
  --radius-card: 24px;
  --radius-btn: 24px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #FFF8E1 0%, #FFFDE7 20%, #FFFFFF 50%, #FFFFFF 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
}
body.theme-trung_thu .main-navbar { border-radius: 0 0 20px 20px; }

/* --- Ngày Phụ nữ Việt Nam (20/10) --- */
body.theme-womens_day {
  --primary: #E91E63;
  --primary-hover: #C2185B;
  --accent: #F8BBD9;
  --bg-alt: #FCE4EC;
  --shadow-sm: 0 4px 15px rgba(233, 30, 99, 0.28);
  --shadow-card-hover: 0 20px 40px rgba(233, 30, 99, 0.2);
  --radius-card: 18px;
  --radius-btn: 20px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #FDF2F8 0%, #FFFFFF 30%, #FFFFFF 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
}
body.theme-womens_day .main-navbar { border-radius: 0 0 18px 18px; }

/* --- Ngày Nhà giáo Việt Nam (20/11) --- */
body.theme-teachers_day {
  --primary: #BF360C;
  --primary-hover: #8D2600;
  --accent: #FF8A65;
  --bg-alt: #FFF3E0;
  --shadow-sm: 0 4px 15px rgba(191, 54, 12, 0.28);
  --shadow-card-hover: 0 20px 40px rgba(191, 54, 12, 0.2);
  --radius-card: 14px;
  --radius-btn: 14px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #FFF8F0 0%, #FFFFFF 25%, #FFFFFF 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
}
body.theme-teachers_day .main-navbar { border-radius: 0 0 14px 14px; }

/* --- Halloween --- */
body.theme-halloween {
  --primary: #FF6B00;
  --primary-hover: #E55A00;
  --accent: #2D1B4E;
  --bg-alt: #1A1A2E;
  --text: #2D1B4E;
  --text-muted: #5C4A6E;
  --shadow-sm: 0 4px 15px rgba(255, 107, 0, 0.35);
  --shadow-card-hover: 0 20px 40px rgba(45, 27, 78, 0.3);
  --radius-card: 8px;
  --radius-btn: 8px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #2D1B4E 0%, #1A1A2E 15%, #16213E 50%, #0F0F1A 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
  color: #E8E0F0;
}
body.theme-halloween .main-navbar { border-radius: 0 0 8px 8px; border-bottom: 2px solid #FF6B00; }
body.theme-halloween .section-alt { background: rgba(45, 27, 78, 0.4) !important; }
body.theme-halloween .card { background: rgba(255, 255, 255, 0.95) !important; color: #2D3748; }

/* --- Giáng sinh --- */
body.theme-christmas {
  --primary: #C41E3A;
  --primary-hover: #9B1728;
  --accent: #228B22;
  --bg-alt: #F0FFF0;
  --shadow-sm: 0 4px 15px rgba(34, 139, 34, 0.3);
  --shadow-card-hover: 0 20px 40px rgba(196, 30, 58, 0.2);
  --radius-card: 16px;
  --radius-btn: 20px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #F8FFFE 0%, #E8F5E9 15%, #FFFFFF 40%, #FFFFFF 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
}
body.theme-christmas .main-navbar { border-radius: 0 0 16px 16px; border-bottom: 3px solid #228B22; }

/* --- Phục sinh --- */
body.theme-easter {
  --primary: #7CB342;
  --primary-hover: #558B2F;
  --accent: #FFB74D;
  --bg-alt: #F1F8E9;
  --shadow-sm: 0 4px 15px rgba(124, 179, 66, 0.3);
  --shadow-card-hover: 0 20px 40px rgba(124, 179, 66, 0.22);
  --radius-card: 28px;
  --radius-btn: 28px;
  background-image: var(--theme-bg-url, none), linear-gradient(180deg, #F9FBE7 0%, #F1F8E9 20%, #FFFFFF 45%, #FFFFFF 100%);
  background-size: cover, auto;
  background-position: center, 0 0;
  background-repeat: no-repeat, repeat;
}
body.theme-easter .main-navbar { border-radius: 0 0 24px 24px; }
