/* Tema "orange" – sort top, kraftig orange og gule tilbudsmærker (inspireret af store teleshops).
   Slås til med ?tema=orange (test) eller SITE_TEMA=orange i .env (alle besøgende). */
.tema-orange {
  --or: #FF7900; --or-hover: #E86E00; --or-text: #B34700; --or-50: #FFF1E5;
  --yel: #FFD200; --blk: #000000; --g-50: #F4F4F4; --g-100: #EEEEEE;
  --bg: #FFFFFF; --surface-2: #F4F4F4; --line: #E3E3E3; --line-2: #CCCCCC;
  --text: #111111; --muted: #555555; --dim: #6E6E6E; --ink: #000000;
  --flame: #B34700; --orange: #B34700; --coral: #B34700; --flame-hover: #8F3900; --amber: #8F3900;
  --flame-text: linear-gradient(#FF7900, #FF7900); --brand-50: #FFF1E5;
  --peach: #FF7900; --peach-hover: #E86E00;
  background: var(--bg);
}
/* ---------- Sort top ---------- */
.tema-orange .topbar { background: #000; border-bottom: 0; }
.tema-orange .topbar .head-links a, .tema-orange .topbar .head-links a svg { color: #fff; }
.tema-orange .head-count { background: var(--or); color: #000; }
.tema-orange .search-mini { background: #222; border-color: #444; border-radius: 0; }
.tema-orange .search-mini input { color: #fff; }
.tema-orange .search-mini input::placeholder { color: #AAA; }
.tema-orange .search-mini button { color: #fff; }
.tema-orange .mainnav { background: #000; border-top: 1px solid #2A2A2A; }
.tema-orange .mainnav a, .tema-orange .megamenu summary { color: #fff; font-weight: 700; }
.tema-orange .mainnav a:hover, .tema-orange .mainnav a.active { color: var(--or); border-bottom-color: var(--or); }
.tema-orange .megamenu[open] summary { color: var(--or); }
.tema-orange .mega-panel a { color: var(--text); }
.tema-orange .mega-tops { background: var(--g-50); }
.tema-orange .mega-ico { color: #000 !important; }
.tema-orange .mega-t.on .mega-ico { background: var(--or); }
.tema-orange .mega-groups .mega-g.on { background: var(--or-50); }
.tema-orange .mega-all, .tema-orange .mega-head em { color: var(--or-text) !important; }
.tema-orange .campaign-bar { background: #111; border-top: 1px solid #2A2A2A; }
.tema-orange .campaign-bar-cta { color: var(--or); }
/* ---------- Logo ---------- */
.tema-orange .logo-mark-orange { background: none !important; width: 44px; height: 44px; border-radius: 50%; }
.tema-orange .logo-words { display: flex; flex-direction: column; line-height: 1; }
.tema-orange .logo-text { color: #fff; font-size: 1.7rem; font-weight: 800; letter-spacing: -.035em; }
.tema-orange .logo-text span { background: none; color: var(--or); -webkit-text-fill-color: var(--or); }
.tema-orange .logo-tag { font-size: .66rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #BBB; margin-top: 5px; }
.tema-orange .footer .logo-text { color: #000; }
.tema-orange .footer .logo-tag { color: var(--dim); }
@media (max-width: 640px) { .tema-orange .logo-tag { display: none; } .tema-orange .logo-text { font-size: 1.4rem; } .tema-orange .logo-mark-orange, .tema-orange .logo-mark-orange svg { width: 38px; height: 38px; } }
/* ---------- Knapper: orange med sort tekst (let at læse) ---------- */
.tema-orange .btn-flame, .tema-orange .ask-btn, .tema-orange .btn-buy, .tema-orange .g-ai-btn, .tema-orange .hero2-actions .btn-flame,
.tema-orange .steps3 li::before { background: var(--or); color: #000; border-radius: 0; font-weight: 800; }
.tema-orange .btn-flame:hover, .tema-orange .ask-btn:hover, .tema-orange .btn-buy:hover, .tema-orange .g-ai-btn:hover { background: var(--or-hover); color: #000; }
.tema-orange .btn-outline { border-radius: 0; border: 2px solid #000; color: #000; }
/* ---------- Forsidens top ---------- */
.tema-orange .hero2-box { background: #FAF6F1; border: 0; border-radius: 0; }
.tema-orange .hero2-text .eyebrow { display: inline-block; align-self: flex-start; width: auto; background: var(--yel); color: #000; padding: 6px 10px; letter-spacing: .08em; }
.tema-orange .hero2-title .accent { color: var(--or); }
.tema-orange .ask { border: 2px solid #000; border-radius: 0; box-shadow: none; }
.tema-orange .ask-icon { background: var(--or); color: #000; border-radius: 0; }
.tema-orange .ask-chips button { border-radius: 0; border-color: #000; background: #fff; color: #000; }
.tema-orange .ask-chips button:hover { background: var(--yel); }
.tema-orange .hero2-card { border-radius: 0; border: 0; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.tema-orange .hero2-card .pill { background: var(--yel); color: #000; border-radius: 0; }
.tema-orange .hero2-price { color: #000; }
.tema-orange .trust li { border-radius: 0; }
.tema-orange .trust li::before { color: var(--or); }
/* ---------- Ikoner, kort, mærker ---------- */
.tema-orange .icon-row2 .icon-circle { color: #000; background: #fff; border: 2px solid #000; }
.tema-orange .icon-row2 a:hover .icon-circle { background: var(--or); border-color: var(--or); }
.tema-orange .cat-photo, .tema-orange .cat-photo-img { border-radius: 0; }
.tema-orange .cat-photo-img { background: var(--g-50); }
.tema-orange .cat-photo-img .ico { color: var(--or); }
.tema-orange .cat-photo:hover { box-shadow: inset 0 -4px 0 var(--or); }
.tema-orange .pcard-media { background: var(--g-50); border-radius: 0; }
.tema-orange .pcard-price strong, .tema-orange .price, .tema-orange .pr-offer-price strong { color: #000; }
.tema-orange .pcard-badge { border-radius: 0 !important; }
.tema-orange .pcard-badge-pink { background: var(--yel) !important; color: #000 !important; }
.tema-orange .pcard-badge-lime { background: #000 !important; color: #fff !important; }
.tema-orange .pcard-badge-violet { background: var(--or) !important; color: #000 !important; }
.tema-orange .pcard-fans { color: var(--or-text); }
.tema-orange .hs-btn { color: #000; border-radius: 0; }
.tema-orange .flame-text { color: var(--or-text); background: none; -webkit-text-fill-color: var(--or-text); }
.tema-orange .section-head a { color: #000; text-decoration: underline; }
/* ---------- Store bannere ---------- */
.tema-orange .feat { border-radius: 0; border: 0; background: #FAF6F1; }
.tema-orange .feat-photo { border-radius: 0; background: radial-gradient(circle at 50% 45%, #FFFFFF 0%, #FFF1E5 60%, #FFE0C2 100%); }
.tema-orange .feat-kicker { display: inline-block; background: var(--yel); color: #000; padding: 5px 10px; }
.tema-orange .feat-meta { color: var(--or-text); }
.tema-orange .feat-cta { background: var(--or); color: #000; border-radius: 0; }
.tema-orange .feat:hover .feat-cta { background: #000; color: #fff; }
.tema-orange .feat-tag { border-radius: 0; }
.tema-orange .feat-tag strong { color: #000; }
.tema-orange .feat-dots button { border-radius: 0; background: #CCC; }
.tema-orange .feat-dots button.on { background: var(--or); }
/* ---------- Bunden ---------- */
.tema-orange .alarm-band { background: #000; color: #fff; border-radius: 0; }
.tema-orange .alarm-band p { color: #DDD; }
.tema-orange .footer { background: var(--g-50); border-top: 4px solid var(--or); }

/* ---------- v2: fuld bredde, ingen kasser, lys baggrund som orange.fr ---------- */
.tema-orange .wrap { max-width: 1680px; padding: 0 32px; }
@media (max-width: 640px) { .tema-orange .wrap { padding: 0 16px; } }
.tema-orange .hero3 { background: #F4F4F4; }
.tema-orange .hero3-ring { border-color: var(--or); }
.tema-orange .hero3-kicker { border-radius: 999px; }
.tema-orange .hero3-title .accent { color: var(--or); }
.tema-orange .hero3-tab.on { border-color: #000; }
.tema-orange .hero3-tab[data-mode="ai"].on { background: var(--or); border-color: var(--or); color: #000; }
.tema-orange .hero3-new { background: var(--yel); color: #000; }
.tema-orange .hero3-search .ask { border: 0; border-radius: 0 22px 22px 22px; box-shadow: 0 14px 40px rgba(0,0,0,.12); }
.tema-orange .hero3-search .ask-btn { border-radius: 14px; }
.tema-orange .ask-icon { border-radius: 12px; }
.tema-orange .ask-chips button { border-radius: 999px; }
.tema-orange .hero3-perks svg { color: var(--or); }
/* Gule mærker: runde */
.tema-orange .pcard-badge, .tema-orange .feat-kicker, .tema-orange .hero2-card .pill { border-radius: 999px !important; }
/* Sektioner uden kasser – fuld bredde med skiftende hvid/grå baggrund */
.tema-orange main > .section:nth-of-type(even) { background: #F4F4F4; box-shadow: 0 0 0 100vmax #F4F4F4; clip-path: inset(0 -100vmax); padding-top: 40px; padding-bottom: 40px; }
.tema-orange .feat-slider .feat, .tema-orange .feat { border-radius: 0; background: #FAF6F1; box-shadow: 0 0 0 100vmax #FAF6F1; clip-path: inset(0 -100vmax); }
.tema-orange .feat-duo .feat { box-shadow: none; clip-path: none; border-radius: 0; }
.tema-orange .cat-photo { border: 0; background: transparent; }
.tema-orange .cat-photo-img { border-radius: 50%; background: #F4F4F4; }
.tema-orange .cat-photo:hover { box-shadow: none; }
.tema-orange .cat-photo:hover .cat-photo-img { box-shadow: 0 0 0 4px var(--or); }
.tema-orange main > .section { padding-top: 44px; padding-bottom: 44px; margin-top: 0; margin-bottom: 0; }
.tema-orange main > .section:nth-of-type(even) .pcard-media { background: #fff; }
.tema-orange .cat-photos { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 18px 14px; }
.tema-orange .cat-photo-img { max-width: 168px; margin-left: auto; margin-right: auto; }
.tema-orange .icon-row2 { padding-top: 26px; padding-bottom: 10px; }
.tema-orange .logo-mark-orange { border-radius: 0; }