/* Ooms Warmtewereld — huisstijloverlay op de gedeelde scroll-filmbasis.
   Rood #C31727 uit het logo van Ooms, op donker opgehelderd naar #E2454F. */
:root{--ooms-red:#e2454f;--ooms-red-soft:#ef9096;--ooms-red-deep:#c31727}

/* de muisaanwijzer is de vlam uit het logo */
@media (hover:hover) and (pointer:fine){
html,body,a,button,summary,select,label,[role="button"],.review-marquee{cursor:none}
input,textarea{cursor:text}
}
.vuurcursor{position:fixed;top:0;left:0;z-index:9999;width:24px;height:35px;pointer-events:none;opacity:0;transform:translate3d(-200px,-200px,0);transition:opacity .28s ease;will-change:transform}
.vuurcursor.is-aan{opacity:1}
.vuurcursor svg{width:100%;height:100%;display:block;transform-origin:50% 88%;filter:drop-shadow(0 0 6px #e2454fbf) drop-shadow(0 0 16px #f0989a4d);animation:vuurcursor-vlam 1.1s ease-in-out infinite alternate}
.vuurcursor__gloed{position:absolute;inset:-20px -22px -14px;border-radius:50%;background:radial-gradient(circle at 50% 55%,#e2454f38,#f0989a14 45%,#0000 70%);animation:vuurcursor-gloed 2.4s ease-in-out infinite alternate}
.vuurcursor.is-actief svg{filter:drop-shadow(0 0 9px #e2454f) drop-shadow(0 0 24px #f0989a80);animation-duration:.6s}
.vuurcursor.is-actief{width:31px;height:45px;transition:opacity .28s ease,width .18s ease,height .18s ease}
.vuurcursor.is-klik svg{transform:scale(.86)}
@keyframes vuurcursor-vlam{0%{transform:scale(1) skewX(0deg)}45%{transform:scale(1.07,.95) skewX(2.5deg)}100%{transform:scale(.94,1.08) skewX(-2.5deg)}}
@keyframes vuurcursor-gloed{0%{opacity:.55;transform:scale(.9)}100%{opacity:1;transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){.vuurcursor{display:none}}

/* typografie: Cormorant Garamond voor de koppen, Lato voor de tekst (Lato staat ook op hun eigen site) */
:root{font-family:Lato,"Helvetica Neue",Arial,sans-serif}
body,.review-rail,.is-cinematic .review-rail,.is-cinematic .review-rail.is-visible,.print-guide{font-family:Lato,"Helvetica Neue",Arial,sans-serif}
h1,h2,.collection-ledger dt,.review-rail .review-heading,.information-body .large-copy,.print-guide h1,.print-guide h2{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.008em}
h3,.process-ledger h3{font-family:Lato,"Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:0}
.chapter h1{font-size:clamp(64px,7.7vw,118px);line-height:1}
.chapter h2{font-size:clamp(66px,8.1vw,122px);line-height:1}
.chapter-detail h2{font-size:clamp(60px,6.9vw,102px)}
.chapter-craft h2{font-size:clamp(62px,6vw,96px)}
.information-intro h2{font-size:clamp(58px,6.8vw,98px);line-height:1.04}
.information-body h2{font-size:clamp(42px,5vw,76px);line-height:1.04}
.information-body .large-copy{letter-spacing:0;font-size:28px;line-height:1.42}
.collection-ledger dt{font-size:31px}
.review-rail .review-heading{letter-spacing:-.005em;font-size:clamp(29px,2.6vw,39px)}
.eyebrow,.section-label,.chapter-rail a span:first-child{text-transform:uppercase;letter-spacing:.155em}
.eyebrow{font-size:12px}
.section-label{font-size:12px}
@media (max-width:700px){
.chapter h1{font-size:clamp(46px,9.6vw,64px)}
.chapter h2,.chapter-detail h2{font-size:clamp(48px,12.5vw,74px)}
.information-intro h2{font-size:58px}
.information-body h2{font-size:46px}
.information-body .large-copy{font-size:24px}
.eyebrow,.section-label{font-size:11px}
}

/* haardwijzer-typografie */
.step-screen h1,.result-screen h1,.considerations h2,.preparation h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:-.008em}
.step-screen h1{font-size:clamp(40px,5.2vw,72px);line-height:1.03}
.result-screen h1{font-size:clamp(42px,5.4vw,76px);line-height:1.03}
.considerations h2,.preparation h2{font-size:clamp(33px,3.5vw,50px);line-height:1.08}
.result-summary{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;line-height:1.45}
@media (max-width:700px){.step-screen h1{font-size:40px}.result-screen h1{font-size:42px}.considerations h2,.preparation h2{font-size:33px}.result-summary{font-size:21px}}

/* merk */
.brand img{filter:none;opacity:1}
::selection{color:#fff;background:#c31727}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#ef9096}

/* verhaal */
.chapter-rail a[aria-current=step]{border-top-color:#e2454f}
.section-label{color:#caa9a7}
.process-ledger li>span{color:#e2454f}
.disclosure{border-left-color:#e2454f66}
.contact-ledger dt{color:#e2454f}
.merkenlijst{color:#d9cfc6;letter-spacing:.01em;line-height:2.1}
.merkenlijst b{color:#f2eee7;font-weight:500}
@media (max-width:700px){.chapter-rail a[aria-current=step]{color:#ef9096}}

/* beoordelingen: drie echte geschreven reviews, dus een vaste rij in plaats van een lus */
.review-rail .review-controls{display:none}
.review-rail .review-track{width:100%;max-width:100%;justify-content:center}
.review-rail .review-set{flex:0 1 auto;justify-content:center;padding-right:0}
@media (max-width:1180px){.review-rail .review-track{justify-content:flex-start;width:max-content}.review-rail .review-set{flex:none;padding-right:18px}}
.review-rail :is(button,a,.review-marquee):focus-visible{outline-color:#ef9096}
.review-rail :is(.review-prev,.review-next,.review-toggle):hover{background:#a8525a45;border-color:#ecb0b3}

/* haardwijzer */
.progress-track>span{background:#e2454f}
.status-dot{background:#e2454f}
.line-input:focus{border-bottom-color:#ef9096;box-shadow:0 2px 0 -1px #ef9096}
.option:has(input:checked){background:#e2454f1f;border-color:#e2454f}
.option:has(input:focus-visible){outline-color:#ef9096}
.option:has(input:checked) .radio-mark{background:#ef9096;border-color:#ef9096;box-shadow:inset 0 0 0 4px #2b1a1c}
.consideration-number{color:#e2454f}
.result-intro .eyebrow,.preparation .eyebrow{color:#ef9096}
.result-preview{color:#ef9096}
.preparation li>span{color:#ef9096}

/* haardwijzer, afdruk */
@media print{
.guide-masthead{border-bottom-color:#c9a3a3}
.guide-masthead img{width:44mm}
.guide-kicker{color:#a32029}
.guide-number{color:#c31727}
.guide-preferences dt{color:#a32029}
.guide-preferences,.guide-limit,.guide-checklist li{border-color:#e0cfcf}
.guide-check{border-color:#c31727}
.guide-contact{border-color:#c9a3a3}
.guide-footer{color:#a32029;border-top-color:#c9a3a3}
}