/*
Theme Name:   Wilhelmstraße 8
Description:  Child-Theme von Twenty Twenty-Five für die Vermietung der WG-Zimmer in der Wilhelmstraße 8 & 8a, Marburg.
Template:     twentytwentyfive
Version:      1.0.1
Requires at least: 6.7
Requires PHP: 7.4
License:      GNU General Public License v2 or later
Text Domain:  w8-theme
*/

/* Hausnummernschild */
.w8-sign{gap:18px!important;align-items:center}
.w8-sign .w8-sign__plate{margin:0;display:inline-block;background:var(--wp--preset--color--accent-1);color:#fff;font-family:var(--wp--preset--font-family--bricolage-grotesque);font-weight:800;font-size:clamp(6rem,15vw,12.5rem);line-height:1;letter-spacing:-0.04em;padding:.22em .38em .26em;border-radius:34px;outline:5px solid #fff;outline-offset:-20px;box-shadow:0 14px 0 #16306C}
.w8-sign > *{align-self:center!important}
.w8-sign .w8-sign__street{white-space:nowrap;margin:0;background:#fff;border:2px solid var(--wp--preset--color--contrast);border-radius:10px;padding:8px 22px;font-family:var(--wp--preset--font-family--bricolage-grotesque);font-weight:600;font-size:1.2rem}

/* Abschnitte */
.w8-section{padding-top:clamp(56px,8vw,110px)!important;padding-bottom:clamp(56px,8vw,110px)!important;padding-left:var(--wp--style--root--padding-left);padding-right:var(--wp--style--root--padding-right)}
.w8-ruled{border-top:2px solid var(--wp--preset--color--contrast);border-bottom:2px solid var(--wp--preset--color--contrast)}
.w8-lead{font-size:var(--wp--preset--font-size--large);line-height:1.5}
.wp-block-column .w8-lead{max-width:40ch}
.w8-muted{color:var(--wp--preset--color--accent-4)}

/* Ausstattungsliste mit Haken */
.w8-checklist{list-style:none;padding:0!important;margin:0}
.w8-checklist li{position:relative;padding:16px 0 16px 40px;border-bottom:1px solid var(--wp--preset--color--accent-5)}
.w8-checklist li::before{content:"";position:absolute;left:4px;top:22px;width:16px;height:9px;border-left:3px solid var(--wp--preset--color--accent-1);border-bottom:3px solid var(--wp--preset--color--accent-1);transform:rotate(-45deg)}

/* Karten */
.w8-card{border:2px solid var(--wp--preset--color--contrast);border-radius:20px;background:var(--wp--preset--color--accent-3);padding:28px!important}
.w8-card > *{margin-top:0}
.w8-plan img{border:2px solid var(--wp--preset--color--contrast);border-radius:20px;background:#fff;padding:12px}

/* Kopf- und Fußzeile */
.w8-header{border-bottom:2px solid var(--wp--preset--color--contrast)}
.w8-header .wp-block-site-title a{text-decoration:none}
.w8-header .w8-nav-cta a{background:var(--wp--preset--color--accent-1);color:#fff!important;padding:10px 22px;border-radius:999px;text-decoration:none}
.w8-header .w8-nav-cta a:hover{background:var(--wp--preset--color--contrast)}
.w8-footer a,.w8-footer .wp-block-site-title a{color:inherit}
.w8-footer p{margin:0}

/* FAQ */
.wp-block-details{border-bottom:1px solid var(--wp--preset--color--accent-5);padding:18px 0}
.wp-block-details summary{font-family:var(--wp--preset--font-family--bricolage-grotesque);font-weight:600;font-size:var(--wp--preset--font-size--large);cursor:pointer}
.wp-block-details > *:not(summary){margin-top:12px}

/* Fokus gut sichtbar */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--wp--preset--color--accent-2);outline-offset:3px}

/* Zimmer-Plugin an Theme-Farben koppeln */
.w8z{--w8z-ink:var(--wp--preset--color--contrast);--w8z-muted:var(--wp--preset--color--accent-4);--w8z-line:var(--wp--preset--color--accent-5);--w8z-blue:var(--wp--preset--color--accent-1);--w8z-mustard:var(--wp--preset--color--accent-2);--w8z-soft:var(--wp--preset--color--base)}
.w8z-group-title,.w8z-wg-title{font-family:var(--wp--preset--font-family--bricolage-grotesque);font-weight:800}

/* Contact Form 7 */
.wpcf7-form label{display:block;font-weight:600;margin-bottom:18px}
.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form input[type=tel],.wpcf7-form input[type=date],.wpcf7-form select,.wpcf7-form textarea{display:block;width:100%;margin-top:8px;font:inherit;font-weight:400;padding:12px 14px;border:2px solid var(--wp--preset--color--contrast);border-radius:12px;background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast);box-sizing:border-box}
.wpcf7-form .wpcf7-acceptance label{font-weight:400;display:flex;gap:10px;align-items:flex-start}
.wpcf7-form input[type=submit]{font:inherit;font-weight:600;background:var(--wp--preset--color--accent-1);color:#fff;border:0;border-radius:999px;padding:16px 32px;cursor:pointer}
.wpcf7-form input[type=submit]:hover{background:var(--wp--preset--color--contrast)}

/* Aufruf-Band */
.w8-cta .wp-block-button__link{background:#fff;color:var(--wp--preset--color--accent-1)}
.w8-cta .wp-block-button__link:hover{background:var(--wp--preset--color--contrast);color:#fff}
.w8-cta h2{color:#fff}

/* Abstände zwischen Abschnitten der Startseite und vor der Fußzeile */
.wp-block-post-content > .w8-section{margin-block-start:0!important}
.w8-section.w8-tight-top{padding-top:0!important}
.wp-site-blocks > footer,.wp-site-blocks > .wp-block-template-part:last-child{margin-block-start:0}
.wp-site-blocks > main{margin-block-end:0}

/* Unterseiten: Titel und Text linksbündig auf breiter Spalte */
.w8-page{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(64px,8vw,120px)}
.w8-page .w8-page-title{font-size:clamp(2.75rem,6vw,5rem);margin-bottom:24px}
.w8-page .wp-block-post-content > p,.w8-page .wp-block-post-content > ul,.w8-page .wp-block-post-content > ol,.w8-page .wp-block-post-content > h2,.w8-page .wp-block-post-content > h3,.w8-page .wp-block-post-content > .wp-block-details{max-width:72ch}
.w8-page .wp-block-post-content > h2{margin-top:72px}
@media (max-width:600px){.w8-sign .w8-sign__street{font-size:1rem;padding:6px 16px}}
.w8-page .wp-block-post-content > .alignwide{margin-top:40px}