/*
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.2.0
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}

/* Kacheln mit Symbolen */
.w8-tiles{gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))!important}
.w8-tile{border:2px solid var(--wp--preset--color--contrast);border-radius:20px;padding:24px!important;background:var(--wp--preset--color--base)}
.w8-tile > *{margin:0!important}
.w8-tile h3{font-size:1.3rem;margin-bottom:6px!important}
.w8-tile p{font-size:var(--wp--preset--font-size--small);line-height:1.5;color:var(--wp--preset--color--accent-4)}
.w8-tile::before{content:"";display:block;width:56px;height:56px;border-radius:50%;margin-bottom:16px;background-color:var(--wp--preset--color--accent-2);background-position:center;background-repeat:no-repeat;background-size:28px}
.w8-ico-sanierung::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B2420%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.7%206.3a4%204%200%200%200-5.4%205.4L3%2018l3%203%206.3-6.3a4%204%200%200%200%205.4-5.4l-2.5%202.5-2.5-.5-.5-2.5z%22/%3E%3C/svg%3E")}
.w8-ico-bett::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B2420%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206v12M3%2014h18M21%2018v-5a3%203%200%200%200-3-3h-8v4%22/%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2211%22%20r%3D%221.5%22/%3E%3C/svg%3E")}
.w8-ico-kueche::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B2420%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2011h16v5a4%204%200%200%201-4%204H8a4%204%200%200%201-4-4zM2%2011h20M9%207c0-1%201-1.5%201-3M14%207c0-1%201-1.5%201-3%22/%3E%3C/svg%3E")}
.w8-ico-bad::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B2420%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V8a4%204%200%200%201%208%200M9%208h6M11%2012v1M14%2012v1M17%2012v1M12.5%2015.5v1M15.5%2015.5v1M18.5%2015.5v1%22/%3E%3C/svg%3E")}
.w8-ico-wlan::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B2420%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%209a15%2015%200%200%201%2020%200M5%2012.5a10%2010%200%200%201%2014%200M8.5%2016a5%205%200%200%201%207%200%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219.5%22%20r%3D%221%22/%3E%3C/svg%3E")}
.w8-ico-rad::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B2420%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2216%22%20r%3D%223.5%22/%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223.5%22/%3E%3Cpath%20d%3D%22M6%2016l4-7h5l3%207M10%209l2%207M8%206h3M14%206h2l-1%203%22/%3E%3C/svg%3E")}

/* Hero mit feinem Planraster */
.w8-hero{background-image:linear-gradient(rgba(27,36,32,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(27,36,32,.07) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}
.w8-sign{position:relative}
.w8-sign .w8-sticker{position:absolute;top:-28px;right:4%;width:124px;height:124px;margin:0;border-radius:50%;background:var(--wp--preset--color--accent-2);color:var(--wp--preset--color--contrast);border:2px solid var(--wp--preset--color--contrast);display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;box-sizing:border-box;font-family:var(--wp--preset--font-family--bricolage-grotesque);font-weight:800;font-size:1.05rem;line-height:1.1;transform:rotate(12deg);align-self:auto!important}
@media (max-width:600px){.w8-sign .w8-sticker{width:100px;height:100px;font-size:.9rem;top:-20px;right:0}}

/* Laufband */
.w8-ticker{background:var(--wp--preset--color--accent-2);border-top:2px solid var(--wp--preset--color--contrast);border-bottom:2px solid var(--wp--preset--color--contrast);overflow:hidden;padding:14px 0!important;margin-block-start:0!important}
.w8-ticker p{margin:0;white-space:nowrap;display:inline-block;max-width:none!important;font-family:var(--wp--preset--font-family--bricolage-grotesque);font-weight:800;font-size:1.5rem;letter-spacing:-0.01em;animation:w8-tick 45s linear infinite}
@keyframes w8-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.w8-ticker p{animation:none}}
.wp-block-post-content > .w8-ticker{margin-block-start:0!important}

.w8-ruled-top{border-top:2px solid var(--wp--preset--color--contrast)}
.w8-ico-wasch::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231B2420%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%222.5%22%20width%3D%2216%22%20height%3D%2219%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M4%207h16M7.5%204.8h.01M10%204.8h.01%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%224.5%22/%3E%3C/svg%3E")}