/*
Theme Name: Seelenblut
Template: twentytwentyfive
Description: Child-Theme für Seelenblut – alte Kummerkastenbriefe im Original, übersetzt und erklärt.
Version: 0.1.0
Text Domain: seelenblut
*/

/* --- Seelenblut --- */
.sb-kicker{font-family:"Fira Sans",system-ui,sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--accent-1);margin:0 0 .4rem}
.sb-quelle{font-family:"Fira Sans",system-ui,sans-serif;font-size:.88rem;line-height:1.5;border-top:3px solid var(--wp--preset--color--contrast);border-bottom:1px solid var(--wp--preset--color--accent-3);padding:1rem 0}
.sb-quelle dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1.2rem;margin:0}
.sb-quelle dt{color:var(--wp--preset--color--accent-2);text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;padding-top:.15rem}
.sb-quelle dd{margin:0}
.sb-brief{background:var(--wp--preset--color--accent-4);border:1px solid var(--wp--preset--color--accent-3);padding:clamp(1.2rem,3vw,2.4rem);box-shadow:4px 4px 0 var(--wp--preset--color--base-2)}
.sb-brief h3{font-family:"Fira Sans",system-ui,sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--accent-2);margin-top:0}
.sb-original{font-size:1.05rem;color:var(--wp--preset--color--accent-2)}
.sb-original:lang(zh){font-family:"Songti SC","Noto Serif SC","STSong",serif;letter-spacing:.04em;line-height:1.9}
.sb-original:lang(yi){font-family:"Noto Serif Hebrew","Times New Roman",serif;direction:rtl;text-align:right;line-height:1.8}
.sb-antwort{border-top:1px dashed var(--wp--preset--color--accent-3);margin-top:1.4rem;padding-top:1.2rem}
.sb-label{font-family:"Fira Sans",system-ui,sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--accent-1);display:block;margin-bottom:.4rem}
.sb-echo{background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);padding:clamp(1.4rem,3vw,2.4rem)}
.sb-echo h2,.sb-echo a{color:var(--wp--preset--color--base)}
.sb-echo .sb-kicker{color:#E7A0A0}
.sb-rechte{font-family:"Fira Sans",system-ui,sans-serif;font-size:.8rem;color:var(--wp--preset--color--accent-2)}
.sb-card .wp-block-post-featured-image img{filter:sepia(.35) contrast(1.05);transition:filter .3s}
.sb-card:hover .wp-block-post-featured-image img{filter:none}
.sb-card .wp-block-post-title a{text-decoration:none;color:var(--wp--preset--color--contrast)}
.sb-card .wp-block-post-title a:hover{color:var(--wp--preset--color--accent-1)}
.sb-hero-claim{font-style:italic}
.wp-block-post-featured-image img{filter:sepia(.15)}
.wp-block-post-featured-image img{object-position:50% 20%}
.sb-brief .sb-teil > *,.sb-brief .sb-antwort > *,.sb-brief .sb-antwort .sb-teil > *{max-width:none!important;margin-left:0!important;margin-right:0!important}
.sb-brief .wp-block-columns{gap:2.4rem}
.sb-brief .sb-deutsch{font-size:1.08rem}

/* --- Titelseite --- */
:root{--sb-koralle:#FF4F3A}
.sb-hero{position:relative;overflow:hidden}
.sb-hero .sb-hero-claim{font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.02em;color:var(--wp--preset--color--contrast)}
.sb-hero-text{font-size:1.25rem;max-width:34rem}
.sb-kicker-hell{color:var(--wp--preset--color--contrast)!important;opacity:.8}
.sb-kicker-koralle,.sb-kicker-koralle a{color:var(--sb-koralle)!important;text-decoration:none}
.sb-card .wp-block-post-terms a{color:var(--sb-koralle);font-weight:600}
.sb-raster-titel{border-top:6px solid var(--sb-koralle);padding-top:1rem}

/* Briefmarken */
.sb-marken{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem 1rem;padding:1rem}
.sb-marke{--r:5px;position:relative;display:block;aspect-ratio:4/5;padding:10px;background:#FBF8F2;box-shadow:0 6px 14px rgba(0,0,0,.25);
 -webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle var(--r),#0000 96%,#000) calc(-1*var(--r)*1.4) calc(-1*var(--r)*1.4)/calc(var(--r)*2.8) calc(var(--r)*2.8) round;
 mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle var(--r),#0000 96%,#000) calc(-1*var(--r)*1.4) calc(-1*var(--r)*1.4)/calc(var(--r)*2.8) calc(var(--r)*2.8) round;
 transition:transform .25s}
.sb-marke-bild{display:block;width:100%;height:100%;background-size:cover;background-position:50% 25%;filter:sepia(.55) contrast(1.1)}
.sb-marke-wert{position:absolute;left:14px;bottom:12px;font-family:"Fira Sans",sans-serif;font-weight:600;font-size:.8rem;background:var(--wp--preset--color--contrast);color:var(--sb-koralle);padding:1px 6px}
.sb-stempel{position:absolute;right:6px;top:18px;font-family:"Fira Sans",sans-serif;font-size:.6rem;letter-spacing:.12em;color:var(--wp--preset--color--contrast);border:2px solid var(--wp--preset--color--contrast);border-radius:50%;padding:12px 4px;transform:rotate(-14deg);opacity:.75;background:rgba(251,248,242,.35)}
.sb-marke-0{transform:rotate(-4deg)}.sb-marke-1{transform:rotate(3deg) translateY(12px)}.sb-marke-2{transform:rotate(-2deg)}
.sb-marke-3{transform:rotate(5deg)}.sb-marke-4{transform:rotate(-3deg) translateY(-10px)}.sb-marke-5{transform:rotate(2deg)}
.sb-marke:hover{transform:rotate(0) scale(1.06);z-index:2}
.sb-marke:hover .sb-marke-bild{filter:none}

/* Aufmacher */
.sb-aufmacher{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;max-width:1180px;margin:0 auto}
.sb-auf-bildlink{display:block;position:relative}
.sb-auf-bildlink::after{content:"";position:absolute;inset:18px -18px -18px 18px;background:var(--sb-koralle);z-index:-1}
.sb-auf-bild{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 25%;filter:sepia(.25)}
.sb-auf-titel{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:.3rem 0 1rem}
.sb-auf-titel a{color:var(--wp--preset--color--contrast);text-decoration:none;background:linear-gradient(var(--sb-koralle),var(--sb-koralle)) 0 92%/0 .3em no-repeat;transition:background-size .3s}
.sb-auf-titel a:hover{background-size:100% .3em}
.sb-auf-excerpt{font-size:1.2rem;font-style:italic;color:var(--wp--preset--color--accent-2)}
.sb-auf-button{display:inline-block;font-family:"Fira Sans",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;background:var(--sb-koralle);color:var(--wp--preset--color--contrast);padding:.8rem 1.4rem;text-decoration:none}
.sb-auf-button:hover{background:var(--wp--preset--color--contrast);color:var(--sb-koralle)}
@media(max-width:780px){.sb-aufmacher{grid-template-columns:1fr}.sb-marken{grid-template-columns:repeat(3,1fr);gap:.6rem}}

/* Weltkarte */
.sb-karte svg{width:100%;height:auto;display:block}
.sb-land{fill:#3A302A;stroke:#4d4038;stroke-width:.4}
.sb-pin-punkt{fill:var(--sb-koralle)}
.sb-pin-puls{fill:var(--sb-koralle);opacity:.35;transform-box:fill-box;transform-origin:center;animation:sb-puls 2.4s ease-out infinite}
.sb-pin-zahl{font-family:"Fira Sans",sans-serif;font-weight:600;font-size:11px;fill:var(--wp--preset--color--contrast)}
.sb-pin-ort{font-family:"Fira Sans",sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;fill:var(--wp--preset--color--base)}
.sb-pin:hover .sb-pin-punkt{fill:#fff}
@keyframes sb-puls{0%{transform:scale(1);opacity:.45}100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.sb-pin-puls{animation:none}}

/* Beitrag: Quellen + Koralle-Akzente */
.sb-quellen{font-family:"Fira Sans",sans-serif;font-size:.9rem}
.sb-quellen a{color:var(--wp--preset--color--accent-1)}
.single .wp-block-post-content h3{font-size:1.25rem;border-left:5px solid var(--sb-koralle);padding-left:.7rem;margin-top:2rem}
.sb-echo{border-top:6px solid var(--sb-koralle)}
.sb-echo .sb-kicker{color:var(--sb-koralle)}
.sb-echo a{text-decoration-color:var(--sb-koralle)}
.sb-aufmacher > p:empty,.sb-marken > p:empty{display:none}
.sb-auf-bild{height:auto!important;max-height:560px}
.sb-footer-recht a{color:var(--wp--preset--color--base);text-decoration-color:var(--sb-koralle)}
.sb-recht-links{font-family:"Fira Sans",sans-serif;font-size:.85rem;margin:0}.sb-recht-links a{color:var(--wp--preset--color--base);text-decoration-color:var(--sb-koralle)}