/* FÖRHANDSVISNING — bara i mockupen, ska inte med i bygget. Färgkombinationer som väljs i panelen (preview/switcher.js). */

/* Nordisk dimma */
html[data-palette="nordisk"] { --blush-50:#ebe8e2; --blush-100:#e2ddd4; --blush-600:#0b6e86; --blush-700:#095a6e; --ink-700:#23343c; --fg-strong:#23343c; --ink-600:#3d4a50; --fg:#3d4a50; --ink-500:#3d4a50; --logo:#16a5c6; --border:rgba(35,52,60,.12); }
html[data-palette="nordisk"] { --surface:#f5f4f1; --surface-rgb:245,244,241; --panel-rgb:235,232,226; }
html[data-palette="nordisk"] body, html[data-palette="nordisk"] .hero, html[data-palette="nordisk"] .treatments-grid, html[data-palette="nordisk"] .partner-logos, html[data-palette="nordisk"] .contact-panel, html[data-palette="nordisk"] .site-header .topbar, html[data-palette="nordisk"] .site-header .bar, html[data-palette="nordisk"] .intro, html[data-palette="nordisk"] .content-block:not(.languages-block), html[data-palette="nordisk"] .faq, html[data-palette="nordisk"] .map-section, html[data-palette="nordisk"] .text-blocks, html[data-palette="nordisk"] .price-summary, html[data-palette="nordisk"] .price-list, html[data-palette="nordisk"] .legal-page { background-color:var(--surface); }
html[data-palette="nordisk"] .btn-primary { background:#0b6e86; } html[data-palette="nordisk"] .btn-primary:hover { background:#095a6e; }
html[data-palette="nordisk"] .btn-ghost { color:#23343c; box-shadow:inset 0 0 0 1.5px rgba(11,110,134,.35); }
html[data-palette="nordisk"] .contact-panel .panel { background:#ebe8e2; }
html[data-palette="nordisk"] .languages-block { background:linear-gradient(135deg,#1f2f36,#14232a); }
html[data-palette="nordisk"] .site-footer { background:#ebe8e2; } html[data-palette="nordisk"] .site-footer .footer-bottom { background:#14232a; }
html[data-palette="nordisk"] .hero .bulletins li::before, html[data-palette="nordisk"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a5c6' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html[data-palette="nordisk"] .hero-score .stars svg, html[data-palette="nordisk"] .review-summary .stars svg { fill:#e0b54a; }
html[data-palette="nordisk"] .intro-panel .panel { background:#ebe8e2; } html[data-palette="nordisk"] .intro-panel.no-mark .panel { background:#f5f4f1; border-color:rgba(35,52,60,.12); }


/* Hav och sand */
html[data-palette="hav-sand"] { --blush-50:#efe5d6; --blush-100:#e6d8c3; --blush-600:#0e5a6b; --blush-700:#0b4a58; --ink-700:#163b45; --fg-strong:#163b45; --ink-600:#3c4a4f; --fg:#3c4a4f; --ink-500:#3c4a4f; --logo:#c9a46a; --border:rgba(22,59,69,.12); }
html[data-palette="hav-sand"] { --surface:#f8f3ec; --surface-rgb:248,243,236; --panel-rgb:239,229,214; }
html[data-palette="hav-sand"] body, html[data-palette="hav-sand"] .hero, html[data-palette="hav-sand"] .treatments-grid, html[data-palette="hav-sand"] .partner-logos, html[data-palette="hav-sand"] .contact-panel, html[data-palette="hav-sand"] .site-header .topbar, html[data-palette="hav-sand"] .site-header .bar, html[data-palette="hav-sand"] .intro, html[data-palette="hav-sand"] .content-block:not(.languages-block), html[data-palette="hav-sand"] .faq, html[data-palette="hav-sand"] .map-section, html[data-palette="hav-sand"] .text-blocks, html[data-palette="hav-sand"] .price-summary, html[data-palette="hav-sand"] .price-list, html[data-palette="hav-sand"] .legal-page { background-color:var(--surface); }
html[data-palette="hav-sand"] .btn-primary { background:#0e5a6b; } html[data-palette="hav-sand"] .btn-primary:hover { background:#0b4a58; }
html[data-palette="hav-sand"] .btn-ghost { color:#163b45; box-shadow:inset 0 0 0 1.5px rgba(14,90,107,.35); }
html[data-palette="hav-sand"] .contact-panel .panel { background:#efe5d6; }
html[data-palette="hav-sand"] .languages-block { background:linear-gradient(135deg,#123c46,#0b2a32); }
html[data-palette="hav-sand"] .site-footer { background:#efe5d6; } html[data-palette="hav-sand"] .site-footer .footer-bottom { background:#0b2a32; }
html[data-palette="hav-sand"] .hero .bulletins li::before, html[data-palette="hav-sand"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a46a' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html[data-palette="hav-sand"] .hero-score .stars svg, html[data-palette="hav-sand"] .review-summary .stars svg { fill:#d4a64a; }
html[data-palette="hav-sand"] .intro-panel .panel { background:#efe5d6; } html[data-palette="hav-sand"] .intro-panel.no-mark .panel { background:#f8f3ec; border-color:rgba(22,59,69,.12); }


/* Hav och sand + korall — tre varianter med samma bas som Hav och sand; korall i stället för guld som detaljfärg.
   --logo = korall för grafik på ljus botten (bockar, stjärnor, understrykningar, fokusring, aktiv markör), ≥3:1 mot sand och panel.
   --coral-on-dark = ljusare korall för samma detaljer på mörk botten (språksektionen, sidfotens list).
   Text i korall (bara "mer korall") använder en mörkare ton, ≥4.5:1. */
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) { --blush-50:#efe5d6; --blush-100:#e6d8c3; --blush-600:#0e5a6b; --blush-700:#0b4a58; --ink-700:#163b45; --fg-strong:#163b45; --ink-600:#3c4a4f; --fg:#3c4a4f; --ink-500:#3c4a4f; --border:rgba(22,59,69,.12); }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) { --surface:#f8f3ec; --surface-rgb:248,243,236; --panel-rgb:239,229,214; }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) body, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .hero, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .treatments-grid, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .partner-logos, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .contact-panel, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .site-header .topbar, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .site-header .bar, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .intro, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .content-block:not(.languages-block), html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .faq, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .map-section, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .text-blocks, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .price-summary, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .price-list, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .legal-page { background-color:var(--surface); }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .btn-primary { background:#0e5a6b; } html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .btn-primary:hover { background:#0b4a58; }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .btn-ghost { color:#163b45; box-shadow:inset 0 0 0 1.5px rgba(14,90,107,.35); }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .contact-panel .panel { background:#efe5d6; }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .languages-block { background:linear-gradient(135deg,#123c46,#0b2a32); }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .site-footer { background:#efe5d6; } html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .site-footer .footer-bottom { background:#0b2a32; }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .intro-panel .panel { background:#efe5d6; } html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .intro-panel.no-mark .panel { background:#f8f3ec; border-color:rgba(22,59,69,.12); }
/* Korallen som detalj: stjärnor, aktiv undermeny-prick, pilen i behandlingslistan, minustecknet i öppen fråga.
   Understrykningar (.text-link, sidfotens länkar och språkval) och fokusringar följer --logo automatiskt. */
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .languages-block, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .site-footer .footer-bottom { --logo:var(--coral-on-dark); }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .hero-score .stars svg, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .review-summary .stars svg { fill:var(--logo); }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .site-header .sub-menu .current-menu-item > a::before { background:var(--logo); }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .treat-row .arrow { color:var(--logo); }
html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .faq details[open] .pm::before, html:is([data-palette="hav-terrakotta"],[data-palette="hav-korall-mer"]) .faq details[open] .pm::after { background:var(--logo); }

/* Hav och terrakotta: mjuk, dämpad terrakotta-korall */
html[data-palette="hav-terrakotta"] { --logo:#b9654f; --coral-on-dark:#dca08a; }
html[data-palette="hav-terrakotta"] .hero .bulletins li::before, html[data-palette="hav-terrakotta"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9654f' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

/* Hav, mer korall: samma korall + djup korall i huvudknappens hover och prisets siffra */
html[data-palette="hav-korall-mer"] { --logo:#d2604a; --coral-on-dark:#f0957e; --coral-ink:#ad432f; }
html[data-palette="hav-korall-mer"] .hero .bulletins li::before, html[data-palette="hav-korall-mer"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d2604a' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html[data-palette="hav-korall-mer"] .btn-primary:hover { background:var(--coral-ink); }
html[data-palette="hav-korall-mer"] .price-row .amount { color:var(--coral-ink); }


/* Nordisk dimma — loggans turkos som detaljfärg på fler ställen (Nordisk vald 2026-10-23; samma accentregler gäller Midnatt, primärt tema från 2026-10-23).
   --logo (#16a5c6) bara i grafik: bockar, understrykningar, prickar, pilar, linjer.
   --accent-ink (#0b7891) i text: 4,65:1 mot ytan; på panelen bara i stor text (4,18:1). */
html[data-palette="nordisk"] { --accent-ink:#0b7891; }
html[data-palette="midnatt"] { --accent-ink:#0a7089; }  /* 5,28:1 mot ytan, 4,75:1 mot panelen */
html:is([data-palette="nordisk"],[data-palette="midnatt"],[data-palette="persika"]) .site-header .menu > .current-menu-item > a, html:is([data-palette="nordisk"],[data-palette="midnatt"],[data-palette="persika"]) .site-header .menu > .current-menu-ancestor > a { text-decoration:underline; text-decoration-color:var(--logo); text-decoration-thickness:2px; text-underline-offset:8px; }
html:is([data-palette="nordisk"],[data-palette="midnatt"],[data-palette="persika"]) .site-header .sub-menu .current-menu-item > a::before { background:var(--logo); }
html:is([data-palette="nordisk"],[data-palette="midnatt"]) .treat-row .arrow, html:is([data-palette="nordisk"],[data-palette="midnatt"]) .review-summary > .icon { color:var(--logo); }
html:is([data-palette="nordisk"],[data-palette="midnatt"]) .review-summary:hover { border-color:var(--logo); }
html:is([data-palette="nordisk"],[data-palette="midnatt"]) .faq details[open] .pm::before, html:is([data-palette="nordisk"],[data-palette="midnatt"]) .faq details[open] .pm::after { background:var(--logo); }
html:is([data-palette="nordisk"],[data-palette="midnatt"]) .content-block .steps li::before { color:var(--accent-ink); font-weight:500; }
html:is([data-palette="nordisk"],[data-palette="midnatt"]) .languages-block .languages, html:is([data-palette="nordisk"],[data-palette="midnatt"]) .languages-block .languages li { border-color:rgba(22,165,198,.4); }

/* Midnatt */
html[data-palette="midnatt"] { --blush-50:#e2ecf3; --blush-100:#d3e2ec; --blush-600:#14324a; --blush-700:#0d2233; --ink-700:#14324a; --fg-strong:#14324a; --ink-600:#3a4a57; --fg:#3a4a57; --ink-500:#3a4a57; --logo:#16a5c6; --border:rgba(20,50,74,.12); }
html[data-palette="midnatt"] { --surface:#f3f7fa; --surface-rgb:243,247,250; --panel-rgb:226,236,243; }
html[data-palette="midnatt"] body, html[data-palette="midnatt"] .hero, html[data-palette="midnatt"] .treatments-grid, html[data-palette="midnatt"] .partner-logos, html[data-palette="midnatt"] .contact-panel, html[data-palette="midnatt"] .site-header .topbar, html[data-palette="midnatt"] .site-header .bar, html[data-palette="midnatt"] .intro, html[data-palette="midnatt"] .content-block:not(.languages-block), html[data-palette="midnatt"] .faq, html[data-palette="midnatt"] .map-section, html[data-palette="midnatt"] .text-blocks, html[data-palette="midnatt"] .price-summary, html[data-palette="midnatt"] .price-list, html[data-palette="midnatt"] .legal-page { background-color:var(--surface); }
html[data-palette="midnatt"] .btn-primary { background:#14324a; } html[data-palette="midnatt"] .btn-primary:hover { background:#0d2233; }
html[data-palette="midnatt"] .btn-ghost { color:#14324a; box-shadow:inset 0 0 0 1.5px rgba(20,50,74,.35); }
html[data-palette="midnatt"] .contact-panel .panel { background:#e2ecf3; }
html[data-palette="midnatt"] .languages-block { background:linear-gradient(135deg,#0d2233,#081826); }
html[data-palette="midnatt"] .site-footer { background:#e2ecf3; } html[data-palette="midnatt"] .site-footer .footer-bottom { background:#081826; }
html[data-palette="midnatt"] .hero .bulletins li::before, html[data-palette="midnatt"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a5c6' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html[data-palette="midnatt"] .hero-score .stars svg, html[data-palette="midnatt"] .review-summary .stars svg { fill:#f2c14e; }
html[data-palette="midnatt"] .intro-panel .panel { background:#e2ecf3; } html[data-palette="midnatt"] .intro-panel.no-mark .panel { background:#f3f7fa; border-color:rgba(20,50,74,.12); }


/* Grafit och turkos */
html[data-palette="grafit"] { --blush-50:#f1f3f4; --blush-100:#e6e9eb; --blush-600:#22303a; --blush-700:#334652; --ink-700:#22303a; --fg-strong:#22303a; --ink-600:#45525b; --fg:#45525b; --ink-500:#45525b; --logo:#16a5c6; --border:rgba(34,48,58,.12); }
html[data-palette="grafit"] { --surface:#ffffff; --surface-rgb:255,255,255; --panel-rgb:241,243,244; }
html[data-palette="grafit"] body, html[data-palette="grafit"] .hero, html[data-palette="grafit"] .treatments-grid, html[data-palette="grafit"] .partner-logos, html[data-palette="grafit"] .contact-panel, html[data-palette="grafit"] .site-header .topbar, html[data-palette="grafit"] .site-header .bar, html[data-palette="grafit"] .intro, html[data-palette="grafit"] .content-block:not(.languages-block), html[data-palette="grafit"] .faq, html[data-palette="grafit"] .map-section, html[data-palette="grafit"] .text-blocks, html[data-palette="grafit"] .price-summary, html[data-palette="grafit"] .price-list, html[data-palette="grafit"] .legal-page { background-color:var(--surface); }
html[data-palette="grafit"] .btn-primary { background:#22303a; } html[data-palette="grafit"] .btn-primary:hover { background:#334652; }
html[data-palette="grafit"] .btn-ghost { color:#22303a; box-shadow:inset 0 0 0 1.5px rgba(34,48,58,.35); }
html[data-palette="grafit"] .contact-panel .panel { background:#f1f3f4; }
html[data-palette="grafit"] .languages-block { background:linear-gradient(135deg,#22303a,#151e24); }
html[data-palette="grafit"] .site-footer { background:#f1f3f4; } html[data-palette="grafit"] .site-footer .footer-bottom { background:#151e24; }
html[data-palette="grafit"] .hero .bulletins li::before, html[data-palette="grafit"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a5c6' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html[data-palette="grafit"] .hero-score .stars svg, html[data-palette="grafit"] .review-summary .stars svg { fill:#16a5c6; }
html[data-palette="grafit"] .intro-panel .panel { background:#f1f3f4; } html[data-palette="grafit"] .intro-panel.no-mark .panel { background:#ffffff; border-color:rgba(34,48,58,.12); }


/* Salvia */
html[data-palette="salvia"] { --blush-50:#e3ece5; --blush-100:#d4e2d8; --blush-600:#0f6b6b; --blush-700:#0b5555; --ink-700:#1d3b3a; --fg-strong:#1d3b3a; --ink-600:#3d4b49; --fg:#3d4b49; --ink-500:#3d4b49; --logo:#16a5c6; --border:rgba(29,59,58,.12); }
html[data-palette="salvia"] { --surface:#f4f7f4; --surface-rgb:244,247,244; --panel-rgb:227,236,229; }
html[data-palette="salvia"] body, html[data-palette="salvia"] .hero, html[data-palette="salvia"] .treatments-grid, html[data-palette="salvia"] .partner-logos, html[data-palette="salvia"] .contact-panel, html[data-palette="salvia"] .site-header .topbar, html[data-palette="salvia"] .site-header .bar, html[data-palette="salvia"] .intro, html[data-palette="salvia"] .content-block:not(.languages-block), html[data-palette="salvia"] .faq, html[data-palette="salvia"] .map-section, html[data-palette="salvia"] .text-blocks, html[data-palette="salvia"] .price-summary, html[data-palette="salvia"] .price-list, html[data-palette="salvia"] .legal-page { background-color:var(--surface); }
html[data-palette="salvia"] .btn-primary { background:#0f6b6b; } html[data-palette="salvia"] .btn-primary:hover { background:#0b5555; }
html[data-palette="salvia"] .btn-ghost { color:#1d3b3a; box-shadow:inset 0 0 0 1.5px rgba(15,107,107,.35); }
html[data-palette="salvia"] .contact-panel .panel { background:#e3ece5; }
html[data-palette="salvia"] .languages-block { background:linear-gradient(135deg,#163a39,#0e2928); }
html[data-palette="salvia"] .site-footer { background:#e3ece5; } html[data-palette="salvia"] .site-footer .footer-bottom { background:#0e2928; }
html[data-palette="salvia"] .hero .bulletins li::before, html[data-palette="salvia"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a5c6' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html[data-palette="salvia"] .hero-score .stars svg, html[data-palette="salvia"] .review-summary .stars svg { fill:#e0b54a; }
html[data-palette="salvia"] .intro-panel .panel { background:#e3ece5; } html[data-palette="salvia"] .intro-panel.no-mark .panel { background:#f4f7f4; border-color:rgba(29,59,58,.12); }


/* Persika och petrol — VALT TEMA 2026-10-28, viks in i bygget av design-system/port_css.py.
   Persika i grafik #dc6548 (3,5:1 mot vitt, även --logo), aldrig på petrol (bokningspanelen är ton i ton) */
html[data-palette="persika"] { --blush-50:#faf3ee; --blush-100:#f3e8e0; --blush-600:#0b6e86; --blush-700:#095a6e; --ink-700:#23343c; --fg-strong:#23343c; --ink-600:#45505a; --fg:#45505a; --ink-500:#45505a; --logo:#dc6548; --accent-ink:#095a6e; --border:rgba(35,52,60,.12); }
html[data-palette="persika"] { --surface:#ffffff; --surface-rgb:255,255,255; --panel-rgb:250,243,238; }
html[data-palette="persika"] body, html[data-palette="persika"] .hero, html[data-palette="persika"] .treatments-grid, html[data-palette="persika"] .partner-logos, html[data-palette="persika"] .contact-panel, html[data-palette="persika"] .site-header .topbar, html[data-palette="persika"] .site-header .bar, html[data-palette="persika"] .intro, html[data-palette="persika"] .content-block:not(.languages-block), html[data-palette="persika"] .faq, html[data-palette="persika"] .map-section, html[data-palette="persika"] .text-blocks, html[data-palette="persika"] .price-summary, html[data-palette="persika"] .price-list, html[data-palette="persika"] .legal-page { background-color:var(--surface); }
html[data-palette="persika"] .btn-primary { background:#0b6e86; } html[data-palette="persika"] .btn-primary:hover { background:#095a6e; }
html[data-palette="persika"] .btn-ghost { color:#23343c; box-shadow:inset 0 0 0 1.5px rgba(11,110,134,.35); }
html[data-palette="persika"] .contact-panel .panel { background:#faf3ee; }
html[data-palette="persika"] .languages-block { background:linear-gradient(135deg,#0d4e5e,#0a3946); }
/* Sidfoten i djup petrol (som språksektionen) så att bokningspanelen ovanför inte flyter ihop med den */
html[data-palette="persika"] .site-footer { --ft-bg:#0a3946; --ft-bg-deep:#072c36; }
html[data-palette="persika"] .hero .bulletins li::before, html[data-palette="persika"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc6548' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html[data-palette="persika"] .hero-score .stars svg, html[data-palette="persika"] .review-summary .stars svg { fill:#dc6548; }
html[data-palette="persika"] .intro-panel .panel { background:#faf3ee; } html[data-palette="persika"] .intro-panel.no-mark .panel { background:#ffffff; border-color:rgba(35,52,60,.12); }
/* Persika: persikaljus omdömessektion (2026-10-28) */
html[data-palette="persika"] .reviews-section { background-color:#faf3ee; }
/* Persika: bokningspanelen ton i ton i petrol (persikan krockade mot petrolen, 2026-10-28) */
html[data-palette="persika"] .booking-section.cta .inner::before { background:radial-gradient(circle at center, rgba(150,210,220,.24), rgba(150,210,220,0) 68%); }
html[data-palette="persika"] .booking-section.cta .inner::after { background:radial-gradient(circle at center, rgba(10,57,70,.45), rgba(10,57,70,0) 68%); }
html[data-palette="persika"] .booking-section.cta .eyebrow { color:#d5eef3; } html[data-palette="persika"] .booking-section.cta .eyebrow .dot { background:#9fd6e0; }
html[data-palette="persika"] .booking-section.cta .lead a { text-decoration-color:#9fd6e0; }
html[data-palette="persika"] .booking-section.cta .booking-cta { color:#23343c; box-shadow:0 0 0 0 rgba(159,214,224,.5); }
html[data-palette="persika"] .booking-section.cta .booking-cta::before { background:linear-gradient(90deg, transparent, rgba(11,110,134,.18), transparent); }
html[data-palette="persika"] .booking-section.cta .booking-cta .icon { color:#0b6e86; }
html[data-palette="persika"] .booking-section.cta .booking-cta:hover { box-shadow:0 0 0 6px rgba(159,214,224,.3); }
html[data-palette="persika"] .booking-section.cta .booking-cta:focus-visible { outline-color:#9fd6e0; }
html[data-palette="persika"] .booking-section.cta .eyebrow .dot { animation-name: cta-dot-persika; } html[data-palette="persika"] .booking-section.cta .booking-cta { animation-name: cta-pulse-persika; }
@keyframes cta-dot-persika { 0% { box-shadow: 0 0 0 0 rgba(159,214,224,.7); } 80%, 100% { box-shadow: 0 0 0 10px rgba(159,214,224,0); } }
@keyframes cta-pulse-persika { 0% { box-shadow: 0 0 0 0 rgba(159,214,224,.5); } 70%, 100% { box-shadow: 0 0 0 20px rgba(159,214,224,0); } }


/* Skog och linne (2026-10-28, ersätter Hav och korall): djup granskog, varmt linne, ockra som detaljfärg.
   Ockra #a3741d i grafik (≥3:1 mot yta och panel), #7d5712 i text (5:1 mot panelen), ljus ockra #e2b35e på mörk botten.
   Sidfoten och bokningspanelen följer --blush-600/700 och blir granskog utan egna regler. */
html[data-palette="skog"] { --blush-50:#e9e2d3; --blush-100:#ddd4c1; --blush-600:#1e3a2f; --blush-700:#142a21; --ink-700:#1e3a2f; --fg-strong:#1e3a2f; --ink-600:#3d4640; --fg:#3d4640; --ink-500:#3d4640; --logo:#a3741d; --accent-ink:#7d5712; --ochre-on-dark:#e2b35e; --border:rgba(30,58,47,.14); }
html[data-palette="skog"] { --surface:#f6f2ea; --surface-rgb:246,242,234; --panel-rgb:233,226,211; --paper:#efe9dd; }
html[data-palette="skog"] body, html[data-palette="skog"] .hero, html[data-palette="skog"] .treatments-grid, html[data-palette="skog"] .partner-logos, html[data-palette="skog"] .contact-panel, html[data-palette="skog"] .site-header .topbar, html[data-palette="skog"] .site-header .bar, html[data-palette="skog"] .intro, html[data-palette="skog"] .content-block:not(.languages-block), html[data-palette="skog"] .faq, html[data-palette="skog"] .map-section, html[data-palette="skog"] .text-blocks, html[data-palette="skog"] .price-summary, html[data-palette="skog"] .price-list, html[data-palette="skog"] .legal-page { background-color:var(--surface); }
html[data-palette="skog"] .btn-primary { background:#1e3a2f; } html[data-palette="skog"] .btn-primary:hover { background:#142a21; }
html[data-palette="skog"] .btn-ghost { color:#1e3a2f; box-shadow:inset 0 0 0 1.5px rgba(30,58,47,.35); }
html[data-palette="skog"] .contact-panel .panel, html[data-palette="skog"] .intro-panel .panel { background:#e9e2d3; } html[data-palette="skog"] .intro-panel.no-mark .panel { background:#f6f2ea; border-color:rgba(30,58,47,.14); }
html[data-palette="skog"] .languages-block { background:linear-gradient(135deg,#1a3329,#0f241c); }
html[data-palette="skog"] .languages-block, html[data-palette="skog"] .site-footer { --logo:var(--ochre-on-dark); }
html[data-palette="skog"] .hero .bulletins li::before, html[data-palette="skog"] .page-hero .bulletins li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3741d' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
html[data-palette="skog"] .hero-score .stars svg, html[data-palette="skog"] .review-summary .stars svg { fill:#c9952e; }
html[data-palette="skog"] .site-header .menu > .current-menu-item > a, html[data-palette="skog"] .site-header .menu > .current-menu-ancestor > a { text-decoration:underline; text-decoration-color:var(--logo); text-decoration-thickness:2px; text-underline-offset:8px; }
html[data-palette="skog"] .site-header .sub-menu .current-menu-item > a::before { background:var(--logo); }
html[data-palette="skog"] .treat-row .arrow, html[data-palette="skog"] .review-summary > .icon { color:var(--logo); }
html[data-palette="skog"] .faq details[open] .pm::before, html[data-palette="skog"] .faq details[open] .pm::after { background:var(--logo); }
html[data-palette="skog"] .content-block .steps li::before, html[data-palette="skog"] .price-row .amount { color:var(--accent-ink); }
html[data-palette="skog"] .languages-block .languages, html[data-palette="skog"] .languages-block .languages li { border-color:rgba(226,179,94,.4); }
/* Bokningspanelen: ockra och salviagrönt ljus i stället för turkos */
html[data-palette="skog"] .booking-section.cta .inner::before { background:radial-gradient(circle at center, rgba(226,179,94,.26), rgba(226,179,94,0) 68%); }
html[data-palette="skog"] .booking-section.cta .inner::after { background:radial-gradient(circle at center, rgba(150,190,160,.24), rgba(150,190,160,0) 68%); }
html[data-palette="skog"] .booking-section.cta .eyebrow { color:#ecd9b0; } html[data-palette="skog"] .booking-section.cta .eyebrow .dot { background:#e2b35e; }
html[data-palette="skog"] .booking-section.cta .lead a { text-decoration-color:#e2b35e; }
html[data-palette="skog"] .booking-section.cta .booking-cta { color:#1e3a2f; box-shadow:0 0 0 0 rgba(226,179,94,.55); }
html[data-palette="skog"] .booking-section.cta .booking-cta::before { background:linear-gradient(90deg, transparent, rgba(163,116,29,.28), transparent); }
html[data-palette="skog"] .booking-section.cta .booking-cta .icon { color:#7d5712; }
html[data-palette="skog"] .booking-section.cta .eyebrow .dot { animation-name: cta-dot-skog; } html[data-palette="skog"] .booking-section.cta .booking-cta { animation-name: cta-pulse-skog; }
@keyframes cta-dot-skog { 0% { box-shadow: 0 0 0 0 rgba(226,179,94,.7); } 80%, 100% { box-shadow: 0 0 0 10px rgba(226,179,94,0); } }
@keyframes cta-pulse-skog { 0% { box-shadow: 0 0 0 0 rgba(226,179,94,.55); } 70%, 100% { box-shadow: 0 0 0 20px rgba(226,179,94,0); } }


.rd-preview { position: fixed; left: 12px; bottom: 12px; z-index: 9999; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; max-width: calc(100vw - 24px);
  padding: 6px; border-radius: 18px; background: rgba(20, 30, 36, .94); color: #fff; font: 500 13px/1 system-ui, sans-serif; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.rd-preview > span { padding: 0 8px; opacity: .75; }
.rd-preview button { all: unset; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 12px; }
.rd-preview button:hover { background: rgba(255,255,255,.12); }
.rd-preview button[aria-pressed="true"] { background: #fff; color: #14232a; }
.rd-preview .sw { display: inline-flex; } .rd-preview .sw i { width: 11px; height: 11px; border-radius: 50%; margin-left: -3px; box-shadow: 0 0 0 1.5px rgba(20,30,36,.9); }
.rd-preview .sw i:first-child { margin-left: 0; }
.rd-preview .hide { opacity: .6; }
@media (max-width: 700px) { .rd-preview { left: 6px; right: 6px; bottom: 6px; } .rd-preview > span, .rd-preview b { display: none; } }
@media print { .rd-preview { display: none; } }

/* FÖRHANDSVISNING: platshållare för bokningskalendern — i WordPress renderar TDL-widgeten här */
#tdl-booking-widget:empty { display: grid; place-items: center; border-radius: var(--radius-md, 16px); background: var(--blush-50); border: 1px dashed rgba(var(--panel-rgb, 226,236,243), 1); color: var(--fg); font-size: 15px; }
#tdl-booking-widget:empty::before { content: "Klinikens bokningskalender (TDL) visas här"; }