/* ===== Seasonal themes (body.theme-*) ===== */
.theme-banner{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.55rem 1rem;font-weight:600;font-size:.92rem;text-align:center}
.theme-banner .poppy{flex:0 0 auto}
@media (prefers-reduced-motion: reduce){.snow{display:none}}

/* Remembrance – black and poppy red */
body.theme-remembrance .site-header{background:#111!important;border-bottom:4px solid #c8102e}
body.theme-remembrance .main-nav a.hub-link{background:#c8102e}
body.theme-remembrance .theme-banner{background:#1a1a1a;color:#fff;border-bottom:1px solid #333;font-style:italic}
body.theme-remembrance .hero-home{background:linear-gradient(120deg,#111 0%,#2b0a0f 55%,#5c0d17 100%)!important}
body.theme-remembrance .home-highlight{color:#c8102e}
body.theme-remembrance .site-title .poppy{margin-left:-.2rem}

/* Christmas – deep green, red, falling snow */
body.theme-christmas .site-header{background:linear-gradient(90deg,#0f3d2e,#0f5132)!important;border-bottom:4px solid #c8102e}
body.theme-christmas .main-nav a.hub-link{background:#c8102e}
body.theme-christmas .theme-banner{background:#c8102e;color:#fff}
body.theme-christmas .hero-home{background:linear-gradient(120deg,#0f5132 0%,#0b3a25 60%,#7a0b1c 100%)!important}
.snow{pointer-events:none;position:fixed;inset:0;z-index:50;
  background-image:radial-gradient(3px 3px at 20px 30px,#fff 50%,transparent 51%),radial-gradient(2px 2px at 120px 80px,#fff 50%,transparent 51%),
  radial-gradient(3px 3px at 200px 150px,#fff 50%,transparent 51%),radial-gradient(2px 2px at 300px 60px,#fff 50%,transparent 51%),
  radial-gradient(2px 2px at 380px 200px,#fff 50%,transparent 51%);
  background-size:400px 260px;opacity:.55;animation:snowfall 14s linear infinite}
@keyframes snowfall{from{background-position:0 -260px}to{background-position:60px 260px}}

/* RAF birthday – RAF blue with roundel red */
body.theme-raf_birthday .site-header{background:#00205b!important;border-bottom:4px solid #c8102e}
body.theme-raf_birthday .theme-banner{background:linear-gradient(90deg,#00205b,#5b8fd6);color:#fff}
body.theme-raf_birthday .hero-home{background:linear-gradient(120deg,#00205b,#0b3a8a)!important}

/* Armed Forces Day – union colours */
body.theme-armed_forces .site-header{background:#012169!important;border-bottom:4px solid #c8102e}
body.theme-armed_forces .theme-banner{background:linear-gradient(90deg,#012169 0 33%,#fff 33% 66%,#c8102e 66%);color:#012169;text-shadow:0 0 6px #fff}

/* Battle of Britain – slate and sky */
body.theme-battle_of_britain .site-header{background:#2c3a48!important;border-bottom:4px solid #8fa8c8}
body.theme-battle_of_britain .theme-banner{background:#3b4a5a;color:#e6eef8;font-style:italic}
body.theme-battle_of_britain .hero-home{background:linear-gradient(120deg,#2c3a48,#55708f)!important}
body.theme-remembrance .main-nav a.active,body.theme-christmas .main-nav a.active,body.theme-raf_birthday .main-nav a.active,body.theme-armed_forces .main-nav a.active{background:#c8102e}
body.theme-battle_of_britain .main-nav a.active,body.theme-battle_of_britain .main-nav a.hub-link{background:#55708f}

/* ===== v24 additions ===== */
.theme-banner a{color:inherit;font-weight:700;text-decoration:underline;margin-left:.3rem}
.theme-preview-chip{position:fixed;bottom:14px;left:14px;z-index:300;background:#111;color:#fff;border-radius:999px;padding:.45rem .9rem;font-size:.82rem;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.theme-preview-chip a{color:#fde68a;margin-left:.4rem}
.decor{height:22px;background-repeat:repeat-x;background-position:center}
.decor-poppies{height:26px;background-color:#111;background-size:34px 26px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='26' viewBox='0 0 34 26'%3E%3Cg fill='%23c8102e'%3E%3Ccircle cx='17' cy='8' r='6'/%3E%3Ccircle cx='23' cy='13' r='6'/%3E%3Ccircle cx='17' cy='18' r='6'/%3E%3Ccircle cx='11' cy='13' r='6'/%3E%3C/g%3E%3Ccircle cx='17' cy='13' r='3.5' fill='%23111'/%3E%3C/svg%3E")}
.decor-lights{height:20px;background-color:#0f3d2e;background-size:48px 20px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='20'%3E%3Cpath d='M0 4 Q12 12 24 4 T48 4' stroke='%23163' stroke-width='1.5' fill='none'/%3E%3Cellipse cx='6' cy='10' rx='3' ry='4.5' fill='%23ffd23f'/%3E%3Cellipse cx='18' cy='10' rx='3' ry='4.5' fill='%23e63946'/%3E%3Cellipse cx='30' cy='10' rx='3' ry='4.5' fill='%2357cc99'/%3E%3Cellipse cx='42' cy='10' rx='3' ry='4.5' fill='%234ea8de'/%3E%3C/svg%3E")}
.decor-bunting{height:24px;background-color:#fff;background-size:60px 24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='24'%3E%3Cpath d='M0 2 H60' stroke='%23999' stroke-width='1'/%3E%3Cpath d='M2 2 L12 20 L22 2Z' fill='%23c8102e'/%3E%3Cpath d='M22 2 L32 20 L42 2Z' fill='%23ffffff' stroke='%23ddd'/%3E%3Cpath d='M42 2 L52 20 L60 4 V2Z' fill='%23012169'/%3E%3C/svg%3E")}
.decor-confetti{height:22px;background-color:#fff;background-size:90px 22px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='22'%3E%3Crect x='6' y='4' width='6' height='3' fill='%23c8102e' transform='rotate(20 9 5)'/%3E%3Crect x='24' y='13' width='6' height='3' fill='%23d4af37' transform='rotate(-30 27 14)'/%3E%3Ccircle cx='44' cy='7' r='2.5' fill='%231d4ed8'/%3E%3Crect x='58' y='12' width='6' height='3' fill='%2316a34a' transform='rotate(45 61 13)'/%3E%3Ccircle cx='78' cy='15' r='2.5' fill='%23c8102e'/%3E%3C/svg%3E")}
.decor-easter{height:22px;background-color:#f7f3ff;background-size:56px 22px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='22'%3E%3Cellipse cx='12' cy='12' rx='6' ry='8' fill='%23f6d365'/%3E%3Cellipse cx='32' cy='12' rx='6' ry='8' fill='%23b8a4e3'/%3E%3Cellipse cx='50' cy='12' rx='5' ry='7' fill='%2390d5c0'/%3E%3C/svg%3E")}

/* New Year – navy and gold */
body.theme-new_year .site-header{background:#0b1f3a!important;border-bottom:4px solid #d4af37}
body.theme-new_year .theme-banner{background:linear-gradient(90deg,#0b1f3a,#2b3f6b);color:#f6e7b0}
body.theme-new_year .main-nav a.active,body.theme-new_year .main-nav a.hub-link{background:#b8902a}
body.theme-new_year .hero-home{background:linear-gradient(120deg,#0b1f3a,#1c2f55 60%,#6b5414)!important}

/* Easter – soft purple and yellow */
body.theme-easter .site-header{background:#4b3a7a!important;border-bottom:4px solid #f6d365}
body.theme-easter .theme-banner{background:#f6d365;color:#3b2a66}
body.theme-easter .main-nav a.active,body.theme-easter .main-nav a.hub-link{background:#7c5cbf}
body.theme-easter .hero-home{background:linear-gradient(120deg,#4b3a7a,#7c5cbf)!important}

/* VE Day – union colours, bunting */
body.theme-ve_day .site-header{background:#012169!important;border-bottom:4px solid #c8102e}
body.theme-ve_day .theme-banner{background:#012169;color:#fff}
body.theme-ve_day .main-nav a.active{background:#c8102e}

/* Custom – colours chosen by the admin (set as CSS variables in the header) */
body.theme-custom .site-header{background:var(--theme-main)!important;border-bottom:4px solid var(--theme-accent)}
body.theme-custom .theme-banner{background:var(--theme-accent);color:#fff}
body.theme-custom .main-nav a.active,body.theme-custom .main-nav a.hub-link{background:var(--theme-accent)}
body.theme-custom .hero-home{background:linear-gradient(120deg,var(--theme-main),var(--theme-accent))!important}
/* use the squadron's poppy image for the strip too */
.decor-poppies{height:34px;background-image:url("/assets/themes/remembrance-poppy-small.png")!important;background-size:auto 26px!important;background-repeat:space no-repeat!important;background-position:center!important;padding:0 6px}
