/*
Theme Name: Goldhan
Theme URI: https://goldhan.de
Author: HQ GmbH
Description: Block-Theme für goldhan.de – IT-Consulting & Projektmanagement. Palette D+ (Weiß/Charcoal/Teal, Gold als Detail).
Version: 1.2.2
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: Proprietary
Text Domain: goldhan
*/

:root{--gh-line:var(--wp--preset--color--line);--gh-gold:var(--wp--preset--color--gold)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
p,li,h1,h2,h3{text-wrap:pretty}
:where(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--wp--preset--color--accent);outline-offset:3px}

/* Sektionen */
.gh-section{padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)}
.gh-section--tight{padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)}
.gh-lead{font-size:var(--wp--preset--font-size--medium);color:var(--wp--preset--color--contrast-2);max-width:38rem}

/* Header */
.gh-header{border-bottom:1px solid var(--gh-line);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);position:sticky;top:0;z-index:20;background:var(--wp--preset--color--base)}
.admin-bar .gh-header{top:32px}
.gh-header .wp-block-site-title a,.gh-footer .wp-block-site-title a{display:inline-flex;align-items:center;gap:.6em;text-decoration:none}
.gh-header .wp-block-site-title a::before,.gh-footer .wp-block-site-title a::before{content:"";width:1.15em;height:1.15em;flex:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23005F73%22%2F%3E%3Cpath%20d%3D%22M100%2030H40a19%2019%200%200%200-19%2019a19%2019%200%200%200%2019%2019h36%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M100%2037.5H48.5V64%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222.5%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}

/* Eyebrow mit Gold-Raute */
.is-style-gh-eyebrow{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--x-small);letter-spacing:.09em;text-transform:uppercase;color:var(--wp--preset--color--accent);display:flex;align-items:center;gap:.7em;margin-bottom:0}
.is-style-gh-eyebrow::before{content:"";width:7px;height:7px;flex:none;background:var(--gh-gold);transform:rotate(45deg)}

/* Karte */
.is-style-gh-card{border:1px solid var(--gh-line);background:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--50);border-radius:2px;height:100%;box-sizing:border-box}
.is-style-gh-card .gh-more a{text-decoration:none;font-weight:600}
.is-style-gh-card .gh-more a::after{content:" →"}

/* Schritt-Nummer */
.gh-num{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--small);color:var(--gh-gold);border-top:1px solid var(--wp--preset--color--contrast);padding-top:.8em;margin-bottom:.4em}

/* Platzhalter */
.gh-placeholder{background:repeating-linear-gradient(135deg,var(--wp--preset--color--base-2) 0 10px,var(--wp--preset--color--base) 10px 20px);border:1px dashed #B9B6AE;display:flex;align-items:center;justify-content:center;text-align:center;min-height:140px;padding:var(--wp--preset--spacing--40);box-sizing:border-box}
.gh-placeholder p{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--x-small);color:var(--wp--preset--color--contrast-2);margin:0}
.gh-placeholder--portrait{aspect-ratio:4/5;min-height:0}
.gh-todo{font-family:var(--wp--preset--font-family--mono);font-size:.85em;background:#FFF4D6;padding:.05em .35em;border-radius:2px}

/* Angebotsbox (einziger Verlauf) */
.gh-offer{color:var(--wp--preset--color--base);padding:var(--wp--preset--spacing--60);border-radius:2px}
.gh-offer :is(h2,h3,p,li){color:inherit}
.gh-offer .is-style-gh-eyebrow{color:#BFE3EA}
.gh-offer .wp-block-button__link{background:var(--wp--preset--color--base);color:var(--wp--preset--color--accent)}
.gh-offer .wp-block-button__link:hover{background:var(--wp--preset--color--base-2);color:var(--wp--preset--color--accent-dark)}
.gh-offer ul{padding-left:1.1em}
.gh-offer li::marker{color:var(--gh-gold)}
.gh-price{font-family:var(--wp--preset--font-family--serif);font-size:var(--wp--preset--font-size--x-large);line-height:1.1}

/* Dunkle Flächen */
.has-contrast-background-color :is(h2,h3,p){color:var(--wp--preset--color--base)}
.has-contrast-background-color .gh-lead{color:#C9CBCF}
.has-contrast-background-color .is-style-gh-eyebrow{color:#9FD3DD}
.gh-footer a{color:#E6E7E9;text-decoration:none}
.gh-footer a:hover{color:#fff;text-decoration:underline}
.gh-footer .gh-small{color:#A9ACB2;font-size:var(--wp--preset--font-size--x-small)}

/* FAQ */
.wp-block-details{border-bottom:1px solid var(--gh-line);padding:var(--wp--preset--spacing--40) 0}
.wp-block-details summary{font-family:var(--wp--preset--font-family--serif);font-size:var(--wp--preset--font-size--large);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1em}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"+";color:var(--wp--preset--color--accent);font-family:var(--wp--preset--font-family--sans)}
.wp-block-details[open] summary::after{content:"–"}

/* Ratgeber-Karten */
.gh-posts .wp-block-post-title a{text-decoration:none}
.gh-posts .wp-block-post-title a:hover{color:var(--wp--preset--color--accent)}
.gh-posts .wp-block-post-date{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--x-small);color:var(--wp--preset--color--contrast-2)}