/* ==========================================================================
   TipiThuis — thema-pagina’s v2
   Elk thema een eigen wereld, maar rustig: geen beweging, geen gloed,
   lichte vlakken. Alleen de Jungle-hero is (diep)groen.
   ========================================================================== */

/* ---------- gedeelde structuur ---------- */
body[class*="theme-"]{background:var(--t-s1)}
.th-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(2rem,4vw,3rem) 0 clamp(3.5rem,7vw,5.5rem);background:var(--t-hero);color:var(--t-hero-ink)}
.th-hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.th-hero__bg img{position:absolute}
.th-hero__grid{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center}
@media (min-width:940px){.th-hero__grid{grid-template-columns:1.05fr .95fr}}
.th-hero .crumbs{color:inherit;opacity:.72}
.th-hero .crumbs a:hover{color:inherit;text-decoration:underline}
.th-title{margin:0}
.th-title .big{display:block;font-family:var(--t-display);color:var(--t-title);font-size:var(--t-title-size);line-height:var(--t-title-lh,.92);text-transform:var(--t-tt,none);letter-spacing:var(--t-ls,0)}
.th-title .small{display:block;margin-top:1rem;font:600 .82rem/1.2 var(--f-body);letter-spacing:.3em;text-transform:uppercase;color:var(--t-hero-mute)}
.th-hand{margin:1rem 0 0;font:400 1.55rem/1.25 var(--f-hand);color:var(--t-hand)}
.th-tag{margin:1rem 0 0;font:500 1.12rem/1.4 var(--f-body);color:var(--t-hand)}
body[class*="theme-"] .th-hero .lead{color:var(--t-hero-mute);margin:1.25rem 0 2rem;max-width:52ch}
.th-facts{border-top-color:var(--t-hero-line)}
.th-facts li{color:var(--t-hero-mute);border-right-color:var(--t-hero-line)}
.th-facts strong{color:var(--t-hero-ink)}
.th-facts .ic{color:var(--t-hero-icon,var(--t-icon))}

.th-btn{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-accent-ink)}
.th-btn:hover{background:var(--t-accent-2);border-color:var(--t-accent-2);color:var(--t-accent-ink)}
.th-btn2{background:transparent;border-color:var(--t-hero-line);color:var(--t-hero-ink)}
.th-btn2:hover{background:var(--t-hero-ink);border-color:var(--t-hero-ink);color:var(--t-hero)}

/* secties */
.sec.th-s1,.sec.th-s2,.sec.th-s3{padding-top:var(--sec)}
.sec.th-s1.sec--sm{padding-block:clamp(3rem,6vw,4.5rem)}
.th-s1{background:var(--t-s1)}
.th-s2{background:var(--t-s2)}
.th-s3{background:var(--t-s3)}
body[class*="theme-"] .eyebrow{color:var(--t-eyebrow)}
body[class*="theme-"] main .h2,.th-h2{font-family:var(--t-display);color:var(--t-h2);font-size:var(--t-h2-size);line-height:var(--t-h2-lh,1.05);text-transform:var(--t-tt,none);letter-spacing:var(--t-ls,0)}
body[class*="theme-"] main .lead{color:var(--t-mute)}
.th-h3{font-family:var(--t-display);color:var(--t-h2);font-size:var(--t-h3-size,clamp(1.6rem,2.6vw,2.1rem));line-height:1.1;text-transform:var(--t-tt,none);margin-bottom:.6rem}
body[class*="theme-"] main .link{color:var(--t-link)}
body[class*="theme-"] .checks .ic,body[class*="theme-"] .faq summary .ic{color:var(--t-icon)}
body[class*="theme-"] .faq,body[class*="theme-"] .faq details{border-color:var(--t-line)}
body[class*="theme-"] .faq .a a{color:var(--t-link)}
body[class*="theme-"] .header-cta{background:var(--t-accent);border-color:var(--t-accent);color:var(--t-accent-ink)}
body[class*="theme-"] .header-cta:hover{background:var(--t-accent-2);border-color:var(--t-accent-2)}
body[class*="theme-"] .stars{color:var(--t-star,var(--gold-soft))}

/* intro */
.th-for{display:flex;gap:.8rem;align-items:flex-start;margin:2rem 0 0;padding:1.15rem 1.35rem;border-radius:var(--r);background:var(--t-card);border:1px solid var(--t-line)}
.th-for .ic{color:var(--t-icon);margin-top:.12em}
.th-for b{font-weight:500;color:var(--ink)}
.th-frame{display:grid;place-items:center}

/* wat zit erin */
.incl2{display:grid;gap:clamp(2rem,4vw,3rem)}
@media (min-width:960px){.incl2{grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}}
.incl2__special{list-style:none;margin:0;padding:0;border-top:1px solid var(--t-line)}
.incl2__special li{display:grid;grid-template-columns:56px 1fr;gap:1.35rem;align-items:start;padding:1.6rem 0;border-bottom:1px solid var(--t-line)}
.incl2__special .ic{width:56px;height:56px;padding:14px;border-radius:50%;background:var(--t-icon-bg);color:var(--t-icon)}
.incl2__special h3{font:400 1.45rem/1.2 var(--f-display);color:var(--ink);margin:.25rem 0 .35rem}
.incl2__special p{margin:0;color:var(--t-mute)}
.incl2__panel{padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--r-lg);background:var(--t-card);border:1px solid var(--t-line)}
.incl2__panel .checks{margin-bottom:1.5rem}
.incl2__panel .checks b{font-weight:500}
.incl2__panel .checks span{color:var(--t-mute)}
.incl2__panel .checks b{color:var(--ink)}

/* ideeën */
.ideas{list-style:none;margin:0;padding:0;counter-reset:i;border-top:1px solid var(--t-line)}
.ideas li{counter-increment:i;display:grid;grid-template-columns:3.5rem 1fr;gap:.35rem 1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--t-line);align-items:baseline}
.ideas li::before{content:counter(i,decimal-leading-zero);grid-row:span 2;font:400 1.9rem/1 var(--t-num-font,var(--t-display));color:var(--t-num)}
.ideas h3{font:400 1.4rem/1.25 var(--f-display);color:var(--ink)}
.ideas p{margin:0;color:var(--t-mute)}
@media (min-width:860px){.ideas li{grid-template-columns:5rem 17rem 1fr;gap:2.5rem;padding:1.75rem 0}.ideas li::before{grid-row:auto}}

/* prijsband */
.pband{display:grid;gap:1.5rem;align-items:center;padding:clamp(1.75rem,3.5vw,2.5rem);border-radius:var(--r-lg);background:var(--t-card);border:1px solid var(--t-line)}
.pband__txt p{margin:0}
.pband__p{display:grid;gap:.2rem}
.pband__p span{font:600 .76rem/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--t-eyebrow)}
.pband__p strong{font:400 3rem/1 var(--f-display);color:var(--ink);letter-spacing:-.02em;margin-top:.35rem}
.pband__p em{font-style:normal;font-size:.9rem;color:var(--t-mute)}
@media (min-width:1000px){.pband{grid-template-columns:minmax(0,1.6fr) auto auto auto;gap:2.75rem}.pband__p{padding-left:2.75rem;border-left:1px solid var(--t-line)}}
@media (max-width:999px){.pband{grid-template-columns:1fr 1fr}.pband__txt,.pband .btn{grid-column:1/-1}.pband .btn{justify-self:start}.pband__p{padding:1.25rem 0 0;border-top:1px solid var(--t-line)}}

/* review in de FAQ-kolom */
.th-quote{margin:2rem 0 0;padding:clamp(1.5rem,3vw,2rem);border-radius:var(--r);background:var(--t-card);border:1px solid var(--t-line)}
.th-quote blockquote{margin:0 0 1.1rem;font:400 italic 1.2rem/1.55 var(--f-display);color:var(--ink)}

/* galerij & CTA in themakleuren */
body[class*="theme-"] .gallery figure{border-radius:var(--t-photo-r,var(--r));background:var(--t-s2)}
body[class*="theme-"] .cta{background:var(--t-s1)}
body[class*="theme-"] .cta__card{background:var(--t-s2)}
body[class*="theme-"] .cta .btn:not(.btn--line){background:var(--t-accent);border-color:var(--t-accent);color:var(--t-accent-ink)}
body[class*="theme-"] .cta .btn:not(.btn--line):hover{background:var(--t-accent-2);border-color:var(--t-accent-2)}
body[class*="theme-"] .cta .btn--line{border-color:var(--t-line-2)}
body[class*="theme-"] .cta__contact{border-color:var(--t-line-2)}
body[class*="theme-"] .cta__contact .ic{color:var(--t-icon)}

/* ==========================================================================
   JUNGLE SAFARI — diep bosgroen met goud, verder licht khaki
   ========================================================================== */
.theme-jungle{
  --t-hero:#1F4532;--t-hero-ink:#F6EED6;--t-hero-mute:#D5DCC6;--t-hero-line:rgba(246,238,214,.24);--t-hero-icon:#E9C46A;
  --t-display:"National Park",var(--f-body);--t-tt:uppercase;--t-ls:.01em;
  --t-title:#E9C46A;--t-title-size:clamp(3rem,6.6vw,5.4rem);--t-title-lh:.92;--t-hand:#B9DDB0;
  --t-accent:#2D5E44;--t-accent-2:#234C37;--t-accent-ink:#fff;
  --t-s1:#F7F2E3;--t-s2:#EEE7D0;--t-s3:#E5ECDA;--t-card:#FFFCF3;--t-line:#E1D7B9;--t-line-2:#D7CBA6;
  --t-h2:#24432F;--t-h2-size:clamp(1.9rem,3.8vw,2.9rem);--t-h2-lh:1.02;--t-h3-size:clamp(1.4rem,2.2vw,1.8rem);
  --t-eyebrow:#8A6420;--t-mute:#5C6152;--t-icon:#3B7353;--t-icon-bg:#E2EAD5;--t-link:#2D5E44;--t-num:#B88A2E;--t-photo-r:8px;--t-star:#C99A3A}
.jh .th-btn{background:#E9C46A;border-color:#E9C46A;color:#1C3A2A}
.jh .th-btn:hover{background:#F2D488;border-color:#F2D488}
.jh__l1{width:clamp(150px,18vw,250px);left:-70px;top:-60px;transform:rotate(160deg);opacity:.9}
.jh__l2{width:clamp(170px,20vw,290px);right:-80px;bottom:-90px;transform:rotate(-30deg);opacity:.85}
.jh__photo{position:relative;width:100%;max-width:500px;justify-self:center;aspect-ratio:1/1.08}
.polaroid{margin:0;padding:12px 12px 48px;background:#FFFDF6;border-radius:3px;position:relative}
.polaroid img{width:100%;aspect-ratio:4/5;object-fit:cover}
.polaroid figcaption{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:400 1.2rem/1 var(--f-hand);color:#2F3A2A}
.jh__photo .p1{position:absolute;width:72%;left:2%;top:0;transform:rotate(-3deg)}
.jh__photo .p2{position:absolute;width:44%;right:0;bottom:0;transform:rotate(4deg);padding:9px 9px 40px}
.jh__photo .p2 figcaption{font-size:1rem;bottom:10px}
.jh__photo .p1 figcaption{text-align:left;padding-left:18px}
.polaroid--solo{width:min(100%,430px);transform:rotate(2deg);border:1px solid #E6DCC0}

/* ==========================================================================
   CHEERLEADER — zacht roze vlak, knalroze accenten
   ========================================================================== */
.theme-cheer{
  --t-hero:#FFE6F1;--t-hero-ink:#3A1430;--t-hero-mute:#6E4A61;--t-hero-line:#F5BCD6;
  --t-display:"Big Shoulders",var(--f-body);--t-tt:uppercase;--t-ls:.005em;
  --t-title:#D6136F;--t-title-size:clamp(3.6rem,8.6vw,6.8rem);--t-title-lh:.86;--t-hand:#B80F5F;
  --t-accent:#D6136F;--t-accent-2:#B80F5F;--t-accent-ink:#fff;
  --t-s1:#FFF8FB;--t-s2:#FFEDF5;--t-s3:#FFF2F8;--t-card:#fff;--t-line:#F8D3E4;--t-line-2:#F3BDD5;
  --t-h2:#C3106A;--t-h2-size:clamp(2.4rem,5vw,3.8rem);--t-h2-lh:.95;--t-h3-size:clamp(1.9rem,3vw,2.5rem);
  --t-eyebrow:#B80F5F;--t-mute:#6B5664;--t-icon:#D6136F;--t-icon-bg:#FFE0EE;--t-link:#C3106A;--t-num:#D6136F;--t-photo-r:14px}
.ch__pp1{width:clamp(110px,12vw,170px);right:-30px;top:6%;transform:rotate(-12deg)}
.ch__pp2{width:clamp(80px,9vw,120px);left:-26px;bottom:8%;transform:rotate(18deg)}
.th-tag{font-weight:600}
.ch__photo{display:grid;place-items:center;padding-bottom:1.5rem}
.tv{position:relative;width:min(100%,460px);padding:20px 20px 22px;border-radius:34px;background:#D6136F}
.tv__screen{border-radius:22px;overflow:hidden;border:4px solid #FFB8D8}
.tv__screen img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tv__panel{display:flex;align-items:center;gap:.6rem;margin-top:14px;padding:0 6px}
.tv__knob{width:24px;height:24px;border-radius:50%;background:#FFB8D8}
.tv__grill{flex:1;height:12px;border-radius:8px;background:repeating-linear-gradient(90deg,#FFB8D8 0 6px,transparent 6px 12px)}
.tv__label{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;padding:.5em 1.1em;border-radius:12px;background:#fff;border:2px solid #D6136F;color:#D6136F;font:700 1.45rem/1 "Big Shoulders",var(--f-body);text-transform:uppercase}
.cards2{position:relative;width:min(100%,500px);aspect-ratio:1/1.02}
.pcard{position:absolute;margin:0;width:60%;padding:10px;background:#fff;border-radius:18px;border:1px solid var(--t-line)}
.pcard img{border-radius:11px;aspect-ratio:3/4;object-fit:cover;width:100%}
.pcard.c1{left:0;top:0;transform:rotate(-4deg)}
.pcard.c2{right:0;bottom:0;transform:rotate(4deg)}

/* ==========================================================================
   RAINBOW — crème met pastelregenboog
   ========================================================================== */
.theme-rainbow{
  --t-hero:#FFF6EA;--t-hero-ink:#3B2F5C;--t-hero-mute:#635A7C;--t-hero-line:#EADFF0;
  --t-display:"Erica One",var(--f-display);
  --t-title:#3B2F5C;--t-title-size:clamp(3.2rem,8vw,6.4rem);--t-title-lh:.98;--t-hand:#D9667E;
  --t-accent:#5B4693;--t-accent-2:#4A3880;--t-accent-ink:#fff;
  --t-s1:#FFFAF2;--t-s2:#F4EFFB;--t-s3:#EDF7F0;--t-card:#fff;--t-line:#E9E1F1;--t-line-2:#DCD0EA;
  --t-h2:#3B2F5C;--t-h2-size:clamp(1.9rem,3.8vw,2.9rem);--t-h2-lh:1.1;--t-h3-size:clamp(1.5rem,2.4vw,1.9rem);
  --t-eyebrow:#7A5BC9;--t-mute:#625A76;--t-icon:#C2416A;--t-icon-bg:#FDE4E7;--t-link:#5B4693;--t-num:#E28A5A;--t-photo-r:26px}
.rh .th-title .big{background:linear-gradient(90deg,#E8768A,#F2A05A 22%,#E0B93E 40%,#5FB582 60%,#5E9FE0 80%,#9C7FE0);-webkit-background-clip:text;background-clip:text;color:transparent}
.rh__arc{width:min(120vw,1100px);left:50%;top:clamp(40px,9vw,100px);transform:translateX(-50%);opacity:.22}
.rh__cloud{width:clamp(130px,15vw,210px);right:-24px;bottom:-14px;opacity:.95}
.rh__photo{display:grid;place-items:center}
.blob{width:min(100%,440px);padding:10px;border-radius:58% 42% 52% 48%/48% 54% 46% 52%;background:conic-gradient(from 200deg,#F4A1A8,#F7C08A,#F6E08E,#A8DDB5,#9CC7EE,#C3A9EE,#F4A1A8)}
.blob img{width:100%;aspect-ratio:1/1.08;object-fit:cover;border-radius:inherit}
.blob--2{border-radius:46% 54% 44% 56%/55% 45% 55% 45%;width:min(100%,420px)}
.theme-rainbow .ideas li:nth-child(5n+1)::before{color:#E8768A}
.theme-rainbow .ideas li:nth-child(5n+2)::before{color:#E9944F}
.theme-rainbow .ideas li:nth-child(5n+3)::before{color:#CFA82E}
.theme-rainbow .ideas li:nth-child(5n+4)::before{color:#4FA574}
.theme-rainbow .ideas li:nth-child(5n)::before{color:#5E8FE0}

/* ==========================================================================
   GIRLPOWER — poederroze, goud en fuchsia
   ========================================================================== */
.theme-girl{
  --t-hero:#FCE6EE;--t-hero-ink:#4A1030;--t-hero-mute:#74475D;--t-hero-line:#F1C2D3;
  --t-display:"Boldonse",var(--f-body);--t-tt:uppercase;
  --t-title:#C2185B;--t-title-size:clamp(2.3rem,5.8vw,4.6rem);--t-title-lh:1.12;--t-hand:#A3124B;
  --t-accent:#C2185B;--t-accent-2:#A3124B;--t-accent-ink:#fff;
  --t-s1:#FFF8FA;--t-s2:#FCEBF1;--t-s3:#FFF2F6;--t-card:#fff;--t-line:#F4D3DF;--t-line-2:#EDBDCE;
  --t-h2:#C2185B;--t-h2-size:clamp(1.35rem,2.7vw,2.1rem);--t-h2-lh:1.55;--t-h3-size:clamp(1.15rem,1.8vw,1.45rem);
  --t-eyebrow:#A3124B;--t-mute:#6E5662;--t-icon:#C2185B;--t-icon-bg:#FCE1EA;--t-link:#C2185B;--t-num:#C2185B;--t-num-font:var(--f-display);--t-photo-r:22px;--t-star:#D4A73C}
.gh .th-title .big{display:flex;flex-direction:column}
.gh .th-title .big span:last-child{color:transparent;-webkit-text-stroke:2px #C2185B;margin-top:-.06em}
.gh__lash{width:clamp(110px,11vw,150px);right:5%;top:7%;opacity:.9}
.gh__photo{display:grid;place-items:center}
.mirror{position:relative;width:min(100%,400px);padding:26px;border-radius:999px 999px 30px 30px;background:linear-gradient(160deg,#F1D78E,#CDA55A 55%,#E8C978)}
.mirror__glass{border-radius:999px 999px 14px 14px;overflow:hidden}
.mirror__glass img{width:100%;aspect-ratio:4/5.2;object-fit:cover}
.bulb{position:absolute;width:14px;height:14px;border-radius:50%;background:#FFF9E6;border:2px solid #FBEFC8}
.bulb:nth-of-type(1){left:6px;bottom:12%}.bulb:nth-of-type(2){left:6px;bottom:32%}.bulb:nth-of-type(3){left:6px;bottom:52%}
.bulb:nth-of-type(4){left:11%;top:21%}.bulb:nth-of-type(5){left:27.5%;top:7%}.bulb:nth-of-type(6){left:calc(50% - 7px);top:5px}
.bulb:nth-of-type(7){right:27.5%;top:7%}.bulb:nth-of-type(8){right:11%;top:21%}.bulb:nth-of-type(9){right:6px;bottom:52%}
.bulb:nth-of-type(10){right:6px;bottom:32%}.bulb:nth-of-type(11){right:6px;bottom:12%}.bulb:nth-of-type(12){left:calc(50% - 7px);bottom:6px}
.mag{width:min(100%,420px)}
.mag__cover{position:relative;border-radius:10px;overflow:hidden;border:8px solid #fff;outline:1px solid var(--t-line)}
.mag__cover img{width:100%;aspect-ratio:3/4;object-fit:cover}
.mag__name{position:absolute;left:1rem;top:.9rem;font:400 2.3rem/1.1 "Boldonse",var(--f-body);text-transform:uppercase;color:#fff;text-shadow:0 1px 10px rgba(74,16,48,.35)}

/* ==========================================================================
   BOHO-CHIC — zand, terracotta en kant
   ========================================================================== */
.theme-boho{
  --t-hero:#F3EADF;--t-hero-ink:#4E3324;--t-hero-mute:#77604F;--t-hero-line:#DDCAB3;
  --t-display:"Italiana",var(--f-display);
  --t-title:#5B3A29;--t-title-size:clamp(3.5rem,8.6vw,6.8rem);--t-title-lh:.92;--t-ls:-.01em;--t-hand:#B8643F;
  --t-accent:#9A5534;--t-accent-2:#844629;--t-accent-ink:#FFF8EE;
  --t-s1:#FAF5EE;--t-s2:#F1E8DC;--t-s3:#F5EEE4;--t-card:#FFFDF9;--t-line:#E6D8C6;--t-line-2:#DCC9B2;
  --t-h2:#5B3A29;--t-h2-size:clamp(2.3rem,4.6vw,3.6rem);--t-h2-lh:1.02;--t-h3-size:clamp(1.8rem,2.8vw,2.3rem);
  --t-eyebrow:#9A5534;--t-mute:#6E6055;--t-icon:#9A5534;--t-icon-bg:#EFE3D4;--t-link:#9A5534;--t-num:#B8643F;--t-photo-r:16px;--t-star:#C99A5B}
.bh__sun{width:min(90vw,540px);right:-8%;bottom:-6%;opacity:.22}
.bh__pampas{width:clamp(70px,7vw,100px);left:1.5%;bottom:-6px;opacity:.9}
.bh__dc{width:clamp(80px,8vw,110px);right:44%;top:0;opacity:.75}
.bh__photo{position:relative;width:100%;max-width:480px;justify-self:center;aspect-ratio:1/1.1}
.arch2{padding:9px;border-radius:999px 999px 18px 18px;border:1.5px solid #B8643F}
.arch2 img{width:100%;aspect-ratio:3/4.1;object-fit:cover;border-radius:999px 999px 11px 11px}
.bh__photo>.arch2{position:absolute;width:76%;right:0;top:0}
.bh__photo>.arch2--sm{width:40%;left:0;right:auto;top:auto;bottom:0;background:#F3EADF;border-color:#9A5534}
.arch2--solo{width:min(100%,420px)}

@media (max-width:939px){
  .th-hero__grid>:last-child{max-width:520px;width:100%;justify-self:center}
}
@media (max-width:600px){
  .jh__l1{left:-90px;top:-80px;opacity:.55}
  .jh__l2{right:-110px;opacity:.5}
  .ch__pp1{right:-50px;top:2%;opacity:.7}
  .bh__dc{display:none}
  .gh__lash{top:2%;right:-10px;opacity:.6}
  .tv{padding:14px 14px 16px;border-radius:26px}
  .mirror{padding:18px}
}

/* ---------- v2.2: thema’s krachtiger in kleur ---------- */
.theme-jungle{--t-s2:#E2EAD3;--t-band:#1F4532;--t-band-ink:#F6EED6;--t-band-mute:#D5DCC6;--t-band-line:rgba(246,238,214,.22);--t-band-num:#E9C46A;--t-band-eb:#E9C46A;--t-band-deco:url(/assets/deco/monstera.svg)}
.theme-cheer{--t-s2:#FFE0EE;--t-band:#D6136F;--t-band-ink:#FFFFFF;--t-band-mute:#FFE3F0;--t-band-line:rgba(255,255,255,.3);--t-band-num:#FFE3F0;--t-band-eb:#FFE3F0;--t-band-deco:url(/assets/deco/pompon-wit.svg)}
.theme-rainbow{--t-s2:#EFE8FB;--t-band:#4F3D86;--t-band-ink:#FFFFFF;--t-band-mute:#E6DEFA;--t-band-line:rgba(255,255,255,.22);--t-band-num:#FFD98A;--t-band-eb:#FFD3DA;--t-band-deco:url(/assets/deco/regenboog.svg)}
.theme-girl{--t-s2:#FBDDE8;--t-band:#C2185B;--t-band-ink:#FFFFFF;--t-band-mute:#FFE0EB;--t-band-line:rgba(255,255,255,.28);--t-band-num:#F6D88F;--t-band-eb:#F6D88F;--t-band-deco:url(/assets/deco/wimpers-roze.svg)}
.theme-boho{--t-s2:#EEDFCB;--t-band:#9A5534;--t-band-ink:#FFF8EE;--t-band-mute:#F3E2D0;--t-band-line:rgba(255,248,238,.25);--t-band-num:#F6D9BE;--t-band-eb:#F6D9BE;--t-band-deco:url(/assets/deco/zon-boho.svg)}
.th-band{background:var(--t-band)!important;color:var(--t-band-ink);position:relative;overflow-x:clip;clip-path:inset(-80px 0 0 0)}
.th-band::after{content:"";position:absolute;right:-60px;bottom:-40px;width:clamp(200px,26vw,380px);aspect-ratio:1;background:var(--t-band-deco) center/contain no-repeat;opacity:.14;pointer-events:none}
.theme-cheer .th-band::after{opacity:.22;right:-40px;top:30px;bottom:auto;width:clamp(140px,16vw,220px)}
.theme-rainbow .th-band::after{opacity:.16;width:clamp(320px,40vw,620px);right:-120px}
.theme-girl .th-band::after{opacity:.25;width:clamp(120px,14vw,180px);right:4%;bottom:auto;top:40px}
.th-band .wrap{position:relative;z-index:1}
body[class*="theme-"] main .th-band .h2{color:var(--t-band-ink)}
.th-band .eyebrow{color:var(--t-band-eb)!important}
body[class*="theme-"] main .th-band .lead{color:var(--t-band-mute)}
.th-band .ideas,.th-band .ideas li{border-color:var(--t-band-line)}
.th-band .ideas h3{color:var(--t-band-ink)}
.th-band .ideas p{color:var(--t-band-mute)}
.th-band .ideas li::before{color:var(--t-band-num)!important}
/* galerij in themalijst */
.theme-jungle .gallery figure{background:#FFFDF6;padding:8px;border-radius:4px;border:1px solid #E6DCC0}
.theme-jungle .gallery figure img{border-radius:2px}
.theme-cheer .gallery figure{border:4px solid #D6136F}
.theme-rainbow .gallery figure{border:5px solid #fff}
.theme-rainbow .gallery figure:nth-child(5n+1){border-color:#F4A1A8}.theme-rainbow .gallery figure:nth-child(5n+2){border-color:#F7C08A}.theme-rainbow .gallery figure:nth-child(5n+3){border-color:#F1D77A}.theme-rainbow .gallery figure:nth-child(5n+4){border-color:#A8DDB5}.theme-rainbow .gallery figure:nth-child(5n){border-color:#9CC7EE}
.theme-girl .gallery figure{border:4px solid #E3C27A}
.theme-boho .gallery figure{border:1.5px solid #B8643F;padding:6px;background:transparent}
.theme-boho .gallery figure img{border-radius:10px}
/* koppen in themakleur en wat zit erin met themakaartjes */
.theme-jungle .incl2__special .ic{background:#1F4532;color:#E9C46A}
.theme-cheer .incl2__special .ic{background:#D6136F;color:#fff}
.theme-rainbow .incl2__special li:nth-child(1) .ic{background:#F4A1A8;color:#fff}.theme-rainbow .incl2__special li:nth-child(2) .ic{background:#F2B36E;color:#fff}.theme-rainbow .incl2__special li:nth-child(3) .ic{background:#7FC79A;color:#fff}
.theme-girl .incl2__special .ic{background:#C2185B;color:#fff}
.theme-boho .incl2__special .ic{background:#9A5534;color:#FFF8EE}

/* v3: Hollywood-spiegel recht (geen boogvorm) */
.mirror{width:min(100%,420px);padding:30px;border-radius:24px;box-shadow:0 24px 40px -26px rgba(74,16,48,.45)}
.mirror__glass{border-radius:10px}
.mirror__glass img{aspect-ratio:4/4.9}
.mirror .bulb{left:auto;right:auto;top:auto;bottom:auto;translate:-50% -50%}
.mirror .bulb:nth-of-type(1){left:20%;top:15px}.mirror .bulb:nth-of-type(2){left:40%;top:15px}.mirror .bulb:nth-of-type(3){left:60%;top:15px}.mirror .bulb:nth-of-type(4){left:80%;top:15px}
.mirror .bulb:nth-of-type(5){left:20%;top:calc(100% - 15px)}.mirror .bulb:nth-of-type(6){left:40%;top:calc(100% - 15px)}.mirror .bulb:nth-of-type(7){left:60%;top:calc(100% - 15px)}.mirror .bulb:nth-of-type(8){left:80%;top:calc(100% - 15px)}
.mirror .bulb:nth-of-type(9){left:15px;top:25%}.mirror .bulb:nth-of-type(10){left:15px;top:50%}.mirror .bulb:nth-of-type(11){left:15px;top:75%}
.mirror .bulb:nth-of-type(12){left:calc(100% - 15px);top:25%}.mirror .bulb:nth-of-type(13){left:calc(100% - 15px);top:50%}.mirror .bulb:nth-of-type(14){left:calc(100% - 15px);top:75%}
@media (max-width:600px){.mirror{padding:22px}.mirror .bulb{width:11px;height:11px}
  .mirror .bulb:nth-of-type(-n+4){top:11px}.mirror .bulb:nth-of-type(n+5):nth-of-type(-n+8){top:calc(100% - 11px)}
  .mirror .bulb:nth-of-type(n+9):nth-of-type(-n+11){left:11px}.mirror .bulb:nth-of-type(n+12){left:calc(100% - 11px)}}
/* v3: boho-blad in plaats van boog */
.arch2{border-radius:150px 18px 150px 18px}
.arch2 img{border-radius:141px 11px 141px 11px;aspect-ratio:3/3.9}
.bh__photo>.arch2--sm{border-radius:70px 12px 70px 12px}
.bh__photo>.arch2--sm img{border-radius:62px 7px 62px 7px;aspect-ratio:3/3.6}
.theme-girl .th-h3{line-height:1.55}

/* v4: bijschriften altijd in de witte rand, nooit op de foto */
.polaroid{padding:12px 12px 0}
.polaroid figcaption{position:static;display:block;padding:.85rem .5rem .95rem;text-align:center!important;font:400 1.25rem/1.3 var(--f-hand);color:#2F3A2A}
.jh__photo .p2{padding:9px 9px 0}
.jh__photo .p2 figcaption{font-size:1.05rem;padding:.6rem .4rem .7rem}
.jh__photo .p1 figcaption{padding-left:.5rem}
/* Girlpower: magazine-titel boven de foto in plaats van erop */
.mag__cover{display:flex;flex-direction:column;background:#fff}
.mag__name{position:static;order:-1;display:block;padding:.9rem 1rem .75rem;text-align:center;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15;color:#C2185B;text-shadow:none;border-bottom:1px solid #F4D3DF}
.mag__name br{display:none}
.jh__photo .p1 figcaption{text-align:left!important;padding-left:1rem;max-width:56%;white-space:nowrap}
.jh__photo .p1 figcaption{font-size:clamp(.92rem,3.4vw,1.25rem)}
.jh__photo .p2 figcaption{font-size:clamp(.82rem,2.8vw,1.05rem)}
body[class*="theme-"] .nav__list a[aria-current="page"]{color:var(--t-accent);border-color:var(--t-accent)}
/* decoratie in de ideeënband nooit achter tekst op kleinere schermen */
@media (max-width:1100px){.th-band::after{display:none}}
@media (max-width:600px){.ch__pp1,.ch__pp2,.gh__lash{opacity:.35}}
@media (max-width:939px){.rh__arc{top:auto;bottom:-6%;opacity:.16}}

/* v5: infobalk op thema-pagina's in een lichte tint van het thema (zoals het blush-vlak op de rest van de site) */
.theme-jungle{--t-topbar:#E2EAD3}
.theme-cheer{--t-topbar:#FFE0EE}
.theme-rainbow{--t-topbar:#EFE8FB}
.theme-girl{--t-topbar:#FBDDE8}
.theme-boho{--t-topbar:#EEDFCB}