/*
Theme Name: Heidis Detektivbuero
Theme URI: https://heidibloggt.com
Author: Heidis Blog
Description: Farbenfrohes, kindgerechtes Detektivinnen- und Reiseblog-Theme mit Schreibstudio-Kompatibilitaet.
Version: 1.7.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: heidis-detektivbuero
*/
:root{--ink:#18243f;--pink:#ed1689;--teal:#00abb4;--yellow:#ffdc4c;--purple:#7646cc;--paper:#fffaff;--mint:#dbfff6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}a{color:#b50567}a:focus-visible,button:focus-visible{outline:3px solid #086e80;outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{background:#fff;border-bottom:4px solid #fff;box-shadow:0 4px 22px #15203814;position:relative;z-index:2}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:100px;flex-wrap:wrap}.identity{padding:14px 0}.brand{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.05;font-weight:900;letter-spacing:-1.8px;text-decoration:none;display:block}.brand-pink{color:var(--pink);font-style:italic}.brand-ink{color:var(--ink)}.brand-bang{color:var(--pink);text-shadow:3px -1px var(--yellow);letter-spacing:1px}.tagline{font-size:.65rem;letter-spacing:2px;font-weight:800;color:#47546a;margin-top:7px}.menu{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;margin:0}.menu a{color:var(--ink);text-decoration:none;font-size:.82rem;font-weight:850;text-transform:uppercase;display:block;padding:10px 0;border-bottom:3px solid transparent}.menu a:hover,.current-menu-item>a{border-bottom-color:var(--pink);color:var(--pink)}.hero{background:radial-gradient(circle at 16% 12%,#ffffffb3 0 5%,transparent 6%),linear-gradient(115deg,#b5f7ff 0%,#f7eeff 50%,#ffe3f6 100%);border-bottom:6px solid var(--yellow);overflow:hidden;position:relative}.hero:before{content:'✦ ✳ ✦';font-size:5rem;position:absolute;right:4%;top:5%;color:#ed168936;transform:rotate(12deg)}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;min-height:435px;padding-top:42px;padding-bottom:42px}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-block;background:var(--yellow);color:#1b2550;padding:8px 13px;transform:rotate(-2deg);font-size:.78rem;font-weight:900;letter-spacing:.7px}.hero h1{font-size:clamp(2.35rem,5.6vw,4.65rem);line-height:1.1;margin:20px 0;color:#141c32;font-weight:950;letter-spacing:-2px}.hero h1 span{color:var(--pink)}.hero h1 em{color:#008f98;font-style:normal}.hero p{font-size:1.1rem;max-width:470px}.cta{display:inline-block;background:var(--pink);color:white;text-decoration:none;padding:13px 22px;border-radius:10px;font-weight:850;box-shadow:6px 6px 0 var(--yellow);transition:transform .15s}.cta:hover{transform:translateY(-3px);color:#fff}.hero-art{position:relative;isolation:isolate}.hero-art img{display:block;width:100%;height:335px;object-fit:cover;object-position:center;border-radius:23px;transform:rotate(2deg);border:8px solid white;box-shadow:0 18px 35px #253b6640}.art-sticker{position:absolute;border-radius:5px;padding:7px 14px;font-weight:950;box-shadow:0 5px 0 #18243f14}.sticker-one{top:-12px;right:-6px;background:var(--yellow);transform:rotate(8deg)}.sticker-two{bottom:-12px;left:-12px;background:var(--pink);color:white;transform:rotate(-6deg)}.topics{background:#fff;border-bottom:1px solid #e9e1ef}.topics-inner{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding-top:18px;padding-bottom:18px}.topics span{font-size:1.15rem;white-space:nowrap}.topics b{font-size:.77rem;margin-left:4px}.story-section{padding-top:51px;padding-bottom:70px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:25px}.mini-label{font-size:.72rem;font-weight:900;letter-spacing:1.5px;color:#087f91}.section-title{font-size:clamp(2rem,4vw,2.7rem);line-height:1.12;margin:8px 0 0;letter-spacing:-1.5px}.section-title span{color:var(--pink)}.all-link{font-weight:800;text-decoration:none}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{background:white;border-radius:15px;overflow:hidden;border:1px solid #e8e6f3;box-shadow:0 10px 25px #1423380d;transition:transform .15s}.post-card:hover{transform:translateY(-5px)}.card-media{display:block;height:205px;background:linear-gradient(120deg,#ffe0f3,#affcff);overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.card-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem}.post-card-body{padding:22px}.post-card h3{font-size:1.25rem;line-height:1.3;margin:9px 0}.post-card h3 a{text-decoration:none;color:var(--ink)}.post-card h3 a:hover{color:var(--pink)}.post-meta{font-size:.76rem;font-weight:700;color:#5e657c}.post-card p{font-size:.91rem;color:#50566b}.readmore{font-size:.86rem;font-weight:900;text-decoration:none}.empty-state{grid-column:1/-1;border:3px dashed var(--teal);background:#fff;padding:30px;border-radius:18px}.bottom-band{background:linear-gradient(120deg,#39c6d1,#9bd8fb 55%,#d5b8ff);border-top:7px solid var(--pink);padding:33px 0}.bottom-band .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.bottom-band strong{font-size:1.3rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:32px;margin-top:45px;margin-bottom:65px}.entry{background:#fff;padding:clamp(20px,4vw,45px);border-radius:16px;border-top:8px solid var(--pink);box-shadow:0 10px 25px #1423380c;min-width:0}.entry img{max-width:100%;height:auto}.entry h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.2}.entry a{overflow-wrap:anywhere}.sidebar{background:#e4fdfa;border-radius:16px;border-top:8px solid var(--teal);padding:25px;align-self:start}.site-footer{background:var(--ink);color:white;padding:32px 0;text-align:center}.site-footer a{color:#ffdc6e}.pagination{margin:24px 0 55px}.pagination a,.pagination span{padding:6px}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{position:static;clip-path:none;width:auto;height:auto}.wp-block-image img{height:auto}input,textarea,select,button{max-width:100%;font:inherit}input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #9299ae;border-radius:7px;padding:9px}button,input[type=submit]{background:var(--pink);color:#fff;border:0;border-radius:8px;padding:10px 17px;cursor:pointer}@media(max-width:920px){.hero-layout{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-layout{grid-template-columns:1fr}}@media(max-width:670px){.hero-layout{grid-template-columns:1fr;padding-top:30px}.hero-art img{height:245px}.hero h1{letter-spacing:-1px}.post-grid{grid-template-columns:1fr}.header-inner{gap:5px}.topics-inner{justify-content:flex-start}.section-head{align-items:flex-start;flex-direction:column}.brand{font-size:1.9rem}.menu{gap:12px}.menu a{font-size:.75rem}}

/* v1.2 – colorful contemporary junior detective magazine */
:root{--pink:#ff247f;--teal:#00b9c7;--yellow:#ffe75a;--purple:#a65be4;--paper:#fffdfc}
body{background:linear-gradient(180deg,#fffefd,#fff9fd 70%)}
.brand{letter-spacing:-1.9px}.brand-pink{font-style:normal;color:var(--pink)}
.site-header{border-bottom:5px solid var(--pink)}
.hero{background:radial-gradient(circle at 90% 10%,#ffd8ef 0 12%,transparent 30%),linear-gradient(115deg,#b8f6fc,#f5e8ff 52%,#ffedb1);border-bottom:7px solid var(--teal)}
.hero h1{font-weight:950}.eyebrow{box-shadow:5px 5px 0 #a65be4}
.hero-art img{border-radius:12px;transform:rotate(1deg);border:9px solid #fff;box-shadow:12px 15px 0 #ff247f28}
.topics{background:#fff}.topics-inner span{border-radius:12px;padding:8px 11px;background:#f9f5ff}.topics-inner span:nth-child(4n+1){background:#fff1c1}.topics-inner span:nth-child(4n+2){background:#ddfcf8}.topics-inner span:nth-child(4n+3){background:#ffe3f2}
.post-card{border:2px solid #f0e9f4;box-shadow:7px 8px 0 #f3e8fa;border-radius:13px}.post-card:nth-child(3n+2){box-shadow:7px 8px 0 #d5f8f6}.post-card:nth-child(3n+3){box-shadow:7px 8px 0 #fff0b3}
.card-media{height:220px}.section-title{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:10px;text-underline-offset:-4px;text-decoration-skip-ink:none}
.post-card-body .post-meta{display:inline-block;background:#e1f8fb;padding:2px 8px;border-radius:5px}
.sidebar{background:#fff1f8;border-top-color:var(--purple)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta,.post-card{transition:none}}

/* 1.3 – clickable categories, accessible and responsive */
.topics-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;justify-content:initial}
.topics .topic-link{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:95px;gap:4px;padding:12px 6px;border-radius:16px;background:#fff0bc;color:var(--ink);text-decoration:none;text-align:center;box-shadow:0 3px 0 #17244118;transition:transform .15s,box-shadow .15s}
.topics .topic-link:nth-child(6n+2){background:#d8faf3}.topics .topic-link:nth-child(6n+3){background:#fce0ef}.topics .topic-link:nth-child(6n+4){background:#e4dbff}.topics .topic-link:nth-child(6n+5){background:#d9efff}.topics .topic-link:nth-child(6n+6){background:#ffe7c7}
.topics .topic-link:hover,.topics .topic-link:focus-visible{transform:translateY(-3px);box-shadow:0 6px 0 #1724411f}
.topics .topic-emoji{font-size:1.7rem;line-height:1.15}.topics .topic-label{font-size:.82rem;font-weight:850;line-height:1.3}
@media(max-width:800px){.topics-inner{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.topics-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.4: Five topics, no photo category. */
.topics-inner{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:800px){.topics-inner{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.topics-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v1.5: Dedicated illustrated category archives */
.category-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff1bd,#fce2f3 56%,#d9f9f4);border-bottom:7px solid #ff247f}
.category-hero.theme-reisen{background:linear-gradient(110deg,#b8f8f2,#e0f7ff,#fff3b7);border-bottom-color:#00b9c7}
.category-hero.theme-geschichten{background:linear-gradient(110deg,#ffe1f0,#f5e0ff,#fff4bc);border-bottom-color:#a65be4}
.category-hero.theme-ideen{background:linear-gradient(110deg,#e9daff,#ffe9f4,#fff2a7);border-bottom-color:#a65be4}
.category-hero.theme-entdeckungen{background:linear-gradient(110deg,#d9edff,#d9fff1,#ffe5c4);border-bottom-color:#00b9c7}
.category-hero-inner{min-height:275px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:40px;padding-bottom:45px}
.category-hero-copy{position:relative;z-index:1;max-width:730px}
.category-back{display:inline-block;margin-bottom:16px;text-decoration:none;font-weight:800;font-size:.9rem;color:#293858}
.category-back:hover{text-decoration:underline}
.category-kicker{font-size:.77rem;letter-spacing:1.6px;font-weight:900;color:#795194}
.category-hero h1{font-size:clamp(2.3rem,5.5vw,4.1rem);line-height:1.15;margin:12px 0 16px;letter-spacing:-1.7px}
.category-hero-icon{display:inline-block;background:#fff;border-radius:18px;padding:8px;box-shadow:5px 6px 0 #24314a1c;font-size:.7em;vertical-align:middle}
.category-hero p{font-size:1.12rem;max-width:580px;margin:0;font-weight:550}
.category-description{margin-top:15px;font-size:.95rem;max-width:650px}
.category-description p{font-size:inherit}
.category-art{position:relative;width:235px;height:215px;flex-shrink:0}
.category-art span{position:absolute;font-size:4rem;filter:drop-shadow(3px 5px 0 #fff)}
.category-art span:nth-child(1){top:0;right:0;color:#ff247f;transform:rotate(15deg)}
.category-art span:nth-child(2){top:40px;left:10px;font-size:6rem;transform:rotate(-22deg)}
.category-art span:nth-child(3){right:10px;bottom:0;color:#00b9c7;transform:rotate(12deg)}
.category-art span:nth-child(4){left:0;bottom:0;color:#a65be4}
.category-stories{padding-top:45px;padding-bottom:65px}
.category-stories .post-card{display:flex;flex-direction:column}
.category-stories .post-card-body{flex:1;display:flex;flex-direction:column}
.category-stories .post-card-body .readmore{margin-top:auto;padding-top:12px}
.category-stories .pagination{margin:35px 0 0}
.category-stories .pagination .page-numbers{display:inline-block;text-decoration:none;background:#fff;border:1px solid #e8dbed;border-radius:9px;padding:7px 13px;margin:3px}
.category-stories .pagination .page-numbers.current{background:#ff247f;color:#fff;border-color:#ff247f}
@media(max-width:670px){.category-art{display:none}.category-hero-inner{min-height:220px;padding-top:30px;padding-bottom:35px}.category-hero h1{letter-spacing:-.7px}.category-hero p{font-size:1rem}}

/* v1.6: School category and six equally spaced tiles */
.topics-inner{grid-template-columns:repeat(6,minmax(0,1fr))}
.topics .topic-link.topic-schule{background:#ffe7c7}
.category-hero.theme-schule{background:linear-gradient(110deg,#ffe8c7,#fff2b9 48%,#e6e0ff);border-bottom-color:#f49c32}
@media(max-width:800px){.topics-inner{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.topics-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.7: learning detective school hub */
.school-hero{background:linear-gradient(115deg,#ffda9a,#fff0c3 54%,#e5d9ff);border-bottom:7px solid #f49c32;overflow:hidden}
.school-hero-inner{padding-top:52px;padding-bottom:55px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.school-eyebrow{display:inline-block;background:#fff;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:900;letter-spacing:1px;box-shadow:4px 4px 0 #f49c32}
.school-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.12;letter-spacing:-1.5px;margin:18px 0 10px}
.school-hero p{font-size:1.1rem;max-width:640px}
.school-hero-symbol{font-size:clamp(5rem,12vw,9rem);transform:rotate(12deg);filter:drop-shadow(8px 9px 0 #fff)}
.school-subjects{padding-top:48px;padding-bottom:45px}
.school-subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:23px}
.school-subject{display:flex;flex-direction:column;min-height:210px;align-items:flex-start;justify-content:center;gap:8px;border-radius:20px;padding:24px;text-decoration:none;color:#18243f;box-shadow:6px 7px 0 #17244116;border:2px solid #ffffff;transition:transform .15s}
.school-subject:nth-child(1){background:#dbeeff}.school-subject:nth-child(2){background:#ffe0f1}.school-subject:nth-child(3){background:#eadfff}.school-subject:nth-child(4){background:#ddf6e8}
.school-subject:hover,.school-subject:focus-visible{transform:translateY(-4px);color:#18243f}
.school-subject-icon{font-size:2.5rem;line-height:1.15}.school-subject strong{font-size:1.3rem;line-height:1.1}.school-subject small{font-size:.87rem;line-height:1.4}
.school-subject .subject-cta{font-size:.8rem;font-weight:900;margin-top:4px}
.school-subject.is-missing{opacity:.76;border-style:dashed;border-color:#a7a3b9;box-shadow:none;cursor:default}
.school-notice{background:#fff7dc;border-left:5px solid #f49c32;padding:17px 20px;border-radius:9px;margin-top:28px}
.school-resources{padding-bottom:65px}.school-resources .post-grid{margin-top:24px}
.school-resources .post-card{display:flex;flex-direction:column}.school-resources .post-card-body{display:flex;flex:1;flex-direction:column}.school-resources .readmore{margin-top:auto}
.school-subject-back{display:inline-flex;text-decoration:none;font-weight:850;padding:12px 0}
@media(max-width:950px){.school-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.school-hero-symbol{display:none}.school-hero-inner{padding-top:34px;padding-bottom:38px}.school-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.school-subject{min-height:170px;padding:16px}.school-subject strong{font-size:1.1rem}.school-subject-icon{font-size:2rem}}