/* Højtids-temaer: Black Friday, Jul og Skolestart. Aktiveres af body-klassen spk-tema-* (sættes af den aktive kampagne). */

/* ====== Fælles små detaljer ====== */
.spk-bar__text::before,.spk-bar__text::after{margin:0 8px}
.spk-bar__link{padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.2);text-decoration:none}
.spk-bar__link:hover{background:rgba(255,255,255,.34)}

/* ====== BLACK FRIDAY ====== */
body.spk-tema-black-friday .spk-bar{background:linear-gradient(90deg,#000,#1a1405 50%,#000);border-bottom:2px solid #FFD76A;letter-spacing:.02em}
body.spk-tema-black-friday .spk-bar__text::before{content:"BLACK FRIDAY";display:inline-block;margin:0 10px 0 0;padding:2px 10px;border-radius:6px;background:#FFD76A;color:#000;font-weight:900;font-size:.75rem;letter-spacing:.12em}
body.spk-tema-black-friday .spk-bar__link{background:#FFD76A;color:#000}
body.spk-tema-black-friday .spk-bar__link:hover{background:#fff}
body.spk-tema-black-friday .spk-bar__cd{background:#FFD76A22;border:1px solid #FFD76A66;color:#FFD76A}
body.spk-tema-black-friday .usp-strip{background:#000;color:#FFD76A}
body.spk-tema-black-friday .header{border-bottom:3px solid #FFD76A}
body.spk-tema-black-friday .hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='%23FFD76A' opacity='.5'%3E%3Cpath d='M30 30l2-7 2 7 7 2-7 2-2 7-2-7-7-2z'/%3E%3Cpath d='M120 90l1.5-5 1.5 5 5 1.5-5 1.5-1.5 5-1.5-5-5-1.5z'/%3E%3Ccircle cx='80' cy='130' r='1.5'/%3E%3Ccircle cx='140' cy='20' r='1.5'/%3E%3Ccircle cx='15' cy='100' r='1.2'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(60% 80% at 50% 0,#3a2c08 0,#0b0b10 70%);color:#fff}
body.spk-tema-black-friday .hero h1{color:#fff}
body.spk-tema-black-friday .hero h1 em{color:#FFD76A}
body.spk-tema-black-friday .hero .lead,body.spk-tema-black-friday .hero .trust{color:#E5E7EB}
body.spk-tema-black-friday .hero .eyebrow{background:#FFD76A;color:#000}
body.spk-tema-black-friday .hero .builder{border:2px solid #FFD76A;box-shadow:0 0 0 6px #FFD76A22,0 24px 60px rgba(0,0,0,.5)}
body.spk-tema-black-friday .hero .builder{color:#1F2937}
body.spk-tema-black-friday .hero .builder h1,body.spk-tema-black-friday .hero .builder h2{color:#111827}
body.spk-tema-black-friday span.onsale,body.spk-tema-black-friday .woocommerce span.onsale{background:#000!important;color:#FFD76A!important;border:2px solid #FFD76A;font-weight:900;letter-spacing:.04em}
body.spk-tema-black-friday .price ins,body.spk-tema-black-friday .sp-from b{color:#8A6A00}
body.spk-tema-black-friday footer{background:#000;border-top:3px solid #FFD76A}

/* ====== JUL ====== */
body.spk-tema-jul .spk-bar{background:repeating-linear-gradient(-45deg,#B42318 0 14px,#9d1d14 14px 28px)}
body.spk-tema-jul .spk-bar__text::before{content:"🎄"}
body.spk-tema-jul .spk-bar__text::after{content:"🎁"}
body.spk-tema-jul .spk-bar__link{background:#fff;color:#B42318}
body.spk-tema-jul .usp-strip{background:#14633A}
body.spk-tema-jul .header{border-bottom:0;position:sticky}
body.spk-tema-jul .header::after{content:"";display:block;height:6px;background:repeating-linear-gradient(-45deg,#B42318 0 10px,#fff 10px 20px)}
body.spk-tema-jul .hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23fff' opacity='.95'%3E%3Ccircle cx='20' cy='30' r='3'/%3E%3Ccircle cx='90' cy='12' r='2'/%3E%3Ccircle cx='150' cy='60' r='3.5'/%3E%3Ccircle cx='200' cy='20' r='2'/%3E%3Ccircle cx='60' cy='110' r='2.5'/%3E%3Ccircle cx='130' cy='140' r='3'/%3E%3Ccircle cx='190' cy='170' r='2'/%3E%3Ccircle cx='30' cy='190' r='3'/%3E%3Ccircle cx='100' cy='200' r='2'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23B42318' opacity='.16'%3E%3Ccircle cx='20' cy='30' r='3'/%3E%3Ccircle cx='150' cy='60' r='3.5'/%3E%3Ccircle cx='60' cy='110' r='2.5'/%3E%3Ccircle cx='190' cy='170' r='2'/%3E%3C/g%3E%3Cg fill='%231B7F4B' opacity='.16'%3E%3Ccircle cx='90' cy='12' r='2'/%3E%3Ccircle cx='200' cy='20' r='2'/%3E%3Ccircle cx='130' cy='140' r='3'/%3E%3Ccircle cx='30' cy='190' r='3'/%3E%3Ccircle cx='100' cy='200' r='2'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#EEF9F3 0,#FFF6F5 70%,#fff 100%);background-size:220px 220px,220px 220px,auto;animation:spk-snow 40s linear infinite}
@keyframes spk-snow{to{background-position:60px 220px,-40px 220px,0 0}}
body.spk-tema-jul .hero h1 em{color:#B42318}
body.spk-tema-jul .hero .eyebrow{background:#FDE4E1;color:#8F1B12}
body.spk-tema-jul .hero .eyebrow::before{content:"🎅 "}
body.spk-tema-jul .hero .builder{border:2px solid #fff;box-shadow:0 0 0 4px #B4231833,0 20px 50px rgba(20,99,58,.18)}
body.spk-tema-jul span.onsale,body.spk-tema-jul .woocommerce span.onsale{background:#B42318!important;color:#fff!important}
body.spk-tema-jul footer{background:#10432A;border-top:6px solid #B42318}

/* ====== SKOLESTART ====== */
body.spk-tema-skolestart .spk-bar{background:linear-gradient(90deg,#FFD76A,#FFE59A 50%,#FFD76A)}
body.spk-tema-skolestart .spk-bar__text::before{content:"✏️"}
body.spk-tema-skolestart .spk-bar__text::after{content:"🎒"}
body.spk-tema-skolestart .spk-bar__link{background:#4169E1;color:#fff}
body.spk-tema-skolestart .header{border-bottom:3px solid #4169E1}
body.spk-tema-skolestart .hero{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' fill='none' stroke='%234169E1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.22'%3E%3Cpath d='M30 40l10-24 10 24z M38 40v10'/%3E%3Cpath d='M190 60l6 12 13 2-9 9 2 13-12-6-12 6 2-13-9-9 13-2z'/%3E%3Cpath d='M60 170h40M60 182h28'/%3E%3Ccircle cx='200' cy='200' r='14'/%3E%3Cpath d='M120 70l20 20m-20 0l20-20'/%3E%3Cpath d='M20 230q10-14 20 0t20 0'/%3E%3C/svg%3E"),repeating-linear-gradient(180deg,transparent 0 31px,#4169E11f 31px 32px),linear-gradient(90deg,transparent 0 56px,#E5484D55 56px 58px,transparent 58px),linear-gradient(180deg,#FFF5D9 0,#fff 100%);background-size:260px 260px,auto,auto,auto}
body.spk-tema-skolestart .hero .eyebrow{background:#4169E1;color:#fff}
body.spk-tema-skolestart .hero .eyebrow::before{content:"🎒 "}
body.spk-tema-skolestart .hero .builder{border:2px solid #4169E1;box-shadow:0 0 0 5px #FFD76A,0 20px 50px rgba(65,105,225,.18)}
body.spk-tema-skolestart span.onsale,body.spk-tema-skolestart .woocommerce span.onsale{background:#4169E1!important;color:#fff!important}
body.spk-tema-skolestart footer{border-top:6px solid #FFD76A}

@media (prefers-reduced-motion:reduce){body.spk-tema-jul .hero{animation:none}}
@media (max-width:720px){body.spk-tema-black-friday .spk-bar__text::before{display:block;margin:0 auto 4px;width:max-content}}