/*
Theme Name: Mascha Powalka
Author: Mascha Powalka
Description: Ruhiges Theme für die Kunst von Mascha Powalka. Headerbild mit Titel, Werkraster, Werkseiten, Journal.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mascha
*/
:root{--ink:var(--wp--preset--color--ink);--muted:var(--wp--preset--color--muted);--line:var(--wp--preset--color--line);--ground:var(--wp--preset--color--ground);--mp-pad:clamp(20px,4.4vw,64px);--mp-onimg:#E9E6DF}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wp-site-blocks{position:relative}
a{text-underline-offset:.2em}

/* Kopfzeile */
.mp-header{padding:26px var(--mp-pad);gap:10px 40px;align-items:center}
.mp-header .wp-block-site-title{font-size:20px;letter-spacing:.32em;text-transform:uppercase;font-weight:400;margin:0;white-space:nowrap}
.mp-header .wp-block-site-title a{text-decoration:none;color:inherit}
.mp-header:has(.wp-block-site-logo img) .wp-block-site-title{display:none}
.mp-header .wp-block-navigation{font-size:16px;letter-spacing:.08em;gap:4px 34px}
.mp-header .wp-block-navigation a{text-decoration:none}
body:has(.mp-hero) .mp-header{position:absolute;top:0;left:0;right:0;z-index:20;color:var(--mp-onimg)}
body:has(.mp-hero) .mp-header a,body:has(.mp-hero) .mp-header .wp-block-navigation__responsive-container-open{color:var(--mp-onimg)}
body:has(.mp-hero) .mp-header .wp-block-site-logo img{filter:brightness(0) invert(1)}
body:has(.mp-hero.is-style-mp-light) .mp-header,body:has(.mp-hero.is-style-mp-light) .mp-header a,body:has(.mp-hero.is-style-mp-light) .mp-header .wp-block-navigation__responsive-container-open{color:var(--ink)}
body:has(.mp-hero.is-style-mp-light) .mp-header .wp-block-site-logo img{filter:none}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--ground)!important;color:var(--ink)!important;padding:28px var(--mp-pad)}
.wp-block-navigation__responsive-container.is-menu-open a,.wp-block-navigation__responsive-container.is-menu-open button{color:var(--ink)!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:22px;font-size:24px;font-weight:300}
@media (max-width:599px){.mp-header .wp-block-site-logo img{max-width:150px;height:auto}}

/* Headerbild */
.wp-block-cover.mp-hero{padding:0;margin-block:0}
.mp-hero .wp-block-cover__inner-container{width:100%;max-width:none;box-sizing:border-box;padding:120px var(--mp-pad) clamp(44px,7vh,84px)}
.mp-hero :where(h1,h2){font-size:var(--wp--preset--font-size--xx-large);font-weight:300;line-height:1.1;margin:0;max-width:900px}
.wp-block-cover.mp-hero:not(.is-light){color:var(--mp-onimg)}
.mp-hero .is-style-mp-eyebrow{margin:0 0 12px;color:var(--mp-onimg);opacity:.85}
.mp-hero.is-light .is-style-mp-eyebrow{color:var(--muted);opacity:1}
.wp-block-cover.mp-news{color:var(--mp-onimg)}
@media (max-width:700px){.wp-block-cover.mp-hero{min-height:340px!important}}

/* Abschnitte */
.wp-block-post-content>.mp-section,.wp-block-post-content>.mp-hero,.wp-block-post-content>.mp-news{margin-block:0}
.mp-section{padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(56px,8vw,110px)}
.mp-section.mp-tight{padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(36px,5vw,64px)}
.wp-block-post-content>.mp-hero+:not(.mp-section):not(.mp-hero){margin-top:56px}
.wp-block-post-content>:last-child:not(.mp-section):not(.mp-hero){margin-bottom:96px}
main{margin-block:0}
.wp-site-blocks>*{margin-block:0}

/* Text */
.is-style-mp-eyebrow{font-size:13px!important;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.is-style-mp-lead{font-size:var(--wp--preset--font-size--large)!important;font-weight:300;line-height:1.45;color:var(--ink)}
.is-style-mp-small{font-size:14px!important;color:var(--muted)}
.wp-block-button.is-style-mp-line .wp-block-button__link{background:none;color:inherit;padding:0 0 8px;border-bottom:1px solid currentColor;font-size:13px}
.wp-block-button__link{transition:opacity .2s}.wp-block-button__link:hover{opacity:.75}
.mp-ph{background:#E7E6E1;border:1px dashed #A9A8A2;padding:44px 24px;text-align:center;color:var(--muted);font-size:15px;letter-spacing:.04em}

/* Werke und Kacheln */
.mp-work>*{margin-block:0}
.mp-work .wp-block-image{margin:0 0 16px}
.mp-work .wp-block-image img{display:block;width:100%;height:auto}
.mp-works .mp-work .wp-block-image img{box-shadow:0 18px 40px rgba(0,0,0,.14)}
.mp-cards .mp-work .wp-block-image img{aspect-ratio:4/3;object-fit:cover}
.mp-work h3{font-size:22px;font-weight:400;margin:0 0 4px}
.mp-work h3 a,.mp-work .wp-block-post-title a{text-decoration:none}
.mp-work p{margin:0 0 6px}
.mp-work .wp-block-buttons{margin-top:12px}
.wp-block-post-template.is-layout-grid{gap:56px 40px}
.wp-block-post-template .wp-block-post-featured-image{margin:0 0 16px}
.wp-block-post-template .wp-block-post-title{font-size:24px;font-weight:400;margin:0}
.wp-block-post-template .wp-block-post-title a{text-decoration:none}

/* Linkzeilen */
.mp-rows{border-top:1px solid var(--line)}
.mp-rows>p{margin:0!important;border-bottom:1px solid var(--line)}
.mp-rows>p a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:clamp(20px,2.4vw,28px);font-weight:300;text-decoration:none;color:var(--ink)}
.mp-rows>p a::after{content:"\2192";font-size:.8em;transition:transform .2s}
.mp-rows>p a:hover::after{transform:translateX(6px)}

/* Spalten */
.wp-block-columns .wp-block-image img{width:100%;height:auto;display:block}

/* Fakten */
.mp-facts{list-style:none;padding:0;border-top:1px solid var(--line)}
.mp-facts li{padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}

/* Werkgalerie: großes Bild und Vorschaubilder */
.mp-stage{position:relative;aspect-ratio:1/1;background:var(--wp--preset--color--paper)}
.mp-stage img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}
.mp-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}
.mp-thumbs button{padding:0;border:1px solid transparent;background:none;cursor:pointer;aspect-ratio:1/1;overflow:hidden}
.mp-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.mp-thumbs button[aria-current="true"]{border-color:var(--ink)}
.mp-gallery-ready>.wp-block-image{display:none!important}
.wp-block-gallery.mp-gallery-ready{display:block}

/* Newsletter Band */
.wp-block-cover.mp-news{padding:clamp(56px,8vw,96px) 0;margin-block:0;min-height:0}
.mp-news .wp-block-cover__inner-container{width:100%;max-width:1280px;box-sizing:border-box;padding-inline:var(--mp-pad);margin-inline:auto}
.mp-news h2{margin:0 0 10px}.mp-news p{color:rgba(255,255,255,.85);max-width:420px;margin:0}
.mp-news .wp-block-button__link{background:var(--ground);color:var(--ink)}
body.slug-newsletter .mp-news,body.slug-bestaetigung .mp-news,body.slug-danke .mp-news{display:none}

/* Fußzeile */
.mp-footer{padding:34px var(--mp-pad) 44px;gap:12px 40px;font-size:15px;color:var(--muted)}
.mp-footer p{margin:0;color:var(--muted)}
.mp-footer a{color:var(--muted);text-decoration:none;margin-left:24px}
.mp-footer a:first-child{margin-left:0}
.mp-footer a:hover{color:var(--ink)}

/* Formulare (Kontakt, Newsletter) */
main input[type=text],main input[type=email],main textarea{width:100%;padding:10px 0;background:transparent;border:0;border-bottom:1px solid var(--ink);font:inherit;color:var(--ink);border-radius:0}
main input[type=submit],main button[type=submit]{padding:16px 34px;background:var(--ink);color:var(--ground);border:0;font:inherit;font-size:15px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
main label{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* Innenbereich der Abschnitte: Text bleibt gut lesbar schmal */
.mp-inner>p,.mp-inner>ul,.mp-inner>ol{max-width:720px}
.mp-inner>h2{max-width:900px}
.mp-inner>.wp-block-buttons{margin-top:28px}
.mp-inner>.mp-rows,.mp-inner>.mp-facts{max-width:none}

/* Bilder in Kacheln und im Journal füllen die Spalte */
.mp-work .wp-block-image,.mp-work .wp-block-image a{display:block;width:100%}
.wp-block-post-template .wp-block-post-featured-image,.wp-block-post-template .wp-block-post-featured-image a,.wp-block-post-template .wp-block-post-featured-image img{display:block;width:100%}
.wp-block-post-navigation-link{font-size:15px;letter-spacing:.06em}
.wp-block-post-navigation-link a{text-decoration:none}

/* Fußzeile: Links umbrechen sauber auf schmalen Bildschirmen */
.mp-footer p:last-child{display:flex;flex-wrap:wrap;gap:6px 22px}
.mp-footer p:last-child a{margin-left:0}

/* Reine Textseiten wie Impressum und Datenschutz */
.wp-block-post-content>h2{font-size:22px;font-weight:400;margin-top:40px}

/* Kopfzeile auf mittleren Breiten etwas kompakter, damit alles in einer Zeile bleibt */
@media (max-width:960px){.mp-header .wp-block-site-title{font-size:17px;letter-spacing:.24em}.mp-header .wp-block-navigation{gap:4px 22px;font-size:15px}.mp-header{gap:10px 24px}}