/*
Theme Name: Nebelblüte Studio
Description: Eigenständiges, WooCommerce-fähiges Theme für Nebelblüte.
Version: 1.1.0
Text Domain: nebelbluete
Requires at least: 6.5
Requires PHP: 7.4
*/
:root{--ink:#172520;--paper:#f4f1e7;--mint:#c9e5d1;--lime:#d7ef62;--line:#a6b1a5;--white:#fff;--radius:2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #d24b23;outline-offset:3px}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}input,select,textarea{max-width:100%;padding:.7em;border:1px solid #526158;background:#fff}button,.button,input[type=submit]{cursor:pointer}.wrap{width:min(100% - 3rem,1440px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;background:#fff;padding:1rem}.skip-link:focus{top:1rem}.topline{display:flex;justify-content:space-between;background:var(--ink);color:#fff;padding:.4rem max(1.5rem,calc((100vw - 1440px)/2));font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.site-header{border-bottom:1px solid var(--ink)}.header-inner{display:flex;align-items:center;gap:2rem;min-height:86px}.brand{margin-right:auto;font-weight:900;font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.08em;white-space:nowrap}.brand a{text-decoration:none}.brand span,.footer-mark span{color:#6d8066;margin-left:.1em}.custom-logo{max-width:180px;max-height:65px;width:auto}.menu{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem}.menu a,.header-actions a{text-decoration:none;font-weight:700;font-size:.86rem}.menu a:hover,.header-actions a:hover{text-decoration:underline}.header-actions{display:flex;gap:1rem;white-space:nowrap}.primary-nav .sub-menu{list-style:none;padding:.5rem;background:var(--paper);border:1px solid var(--ink);position:absolute;z-index:5;display:none;min-width:12rem}.primary-nav li{position:relative}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}.sub-menu li+li{margin-top:.5rem}.hero{background:var(--mint);border-bottom:1px solid var(--ink)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:570px}.hero-copy{padding:clamp(3rem,7vw,7rem) 3rem clamp(3rem,7vw,7rem) 0;align-self:center}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1,.statement h2{font-size:clamp(3.3rem,7.4vw,7.8rem);line-height:.94;letter-spacing:-.065em;margin:2rem 0}.hero h1 em,.statement h2 em{font-family:Georgia,serif;font-weight:400}.hero-intro{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:30rem;margin-bottom:2rem}.button,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:3rem;border:1px solid var(--ink);padding:1rem 1.3rem;text-decoration:none;font-weight:700;border-radius:0}.button-dark,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--ink);color:#fff}.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{filter:brightness(.9)}.hero-art{background:var(--ink);color:var(--lime);position:relative;overflow:hidden;min-height:490px;display:grid;place-items:center}.art-star{font-size:clamp(14rem,28vw,29rem);line-height:1;font-family:Arial,sans-serif;transform:rotate(-15deg)}.art-small,.art-caption,.art-index{position:absolute;letter-spacing:.1em;font-weight:800;font-size:.75rem}.art-small{top:2rem;left:2rem}.art-caption{left:2rem;bottom:2rem}.art-index{right:2rem;bottom:2rem}.catalog-section{padding-block:6rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--ink);padding-bottom:1.5rem;margin-bottom:2rem}.section-head h1,.section-head h2,.site-main h1{font-size:clamp(2.6rem,5vw,5.5rem);letter-spacing:-.06em;line-height:1;margin:.5rem 0}.text-link{font-size:.9rem;font-weight:800;white-space:nowrap}.empty-state{border:1px solid var(--ink);padding:2rem;display:flex;align-items:center;gap:2rem;background:#e4e8da}.empty-state>span{font-size:3rem}.empty-state h3,.empty-state p{margin:.25rem 0}.statement{background:var(--lime);padding-block:6rem}.statement-grid{display:grid;grid-template-columns:1fr 3fr 1fr;gap:2rem}.statement h2{font-size:clamp(3rem,6vw,6rem);margin:0 0 1.5rem}.statement p:not(.eyebrow){max-width:30rem}.statement-symbol{font-size:7rem;justify-self:end;line-height:1}.site-main{padding-block:4rem 6rem;min-height:45vh}.page-content{max-width:850px}.editorial-content{padding-block:4rem}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-block:2rem}.post-card{border-top:1px solid var(--ink);padding-top:1rem}.site-footer{background:var(--ink);color:#fff;padding-block:4rem}.footer-inner{display:flex;justify-content:space-between;align-items:start;gap:2rem}.footer-mark{font-size:2rem;letter-spacing:-.07em;font-weight:900;margin:0}.site-footer .menu{flex-wrap:wrap}.site-footer a{color:#fff}.error-page form{margin-top:3rem}.woocommerce ul.products li.product a img{background:#e4e8da;aspect-ratio:4/5;object-fit:cover}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem;font-weight:800}.woocommerce ul.products li.product .price{color:var(--ink)}.woocommerce span.onsale{background:var(--ink);color:#fff}.woocommerce div.product .product_title{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.06em}.woocommerce-message,.woocommerce-info{border-top-color:var(--ink)}.woocommerce-message::before,.woocommerce-info::before{color:var(--ink)}.woocommerce table.shop_table{border-radius:0}.woocommerce .quantity .qty{width:5em}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:.75rem}.woocommerce div.product form.cart .variations select{min-width:50%}.woocommerce ul.products li.product .button{margin-top:.8rem}.woocommerce nav.woocommerce-pagination ul{border:0}.woocommerce nav.woocommerce-pagination ul li{border-color:var(--ink)}.woocommerce .woocommerce-breadcrumb{font-size:.85rem}.wp-block-image img{height:auto}
@media(max-width:800px){.header-inner{flex-wrap:wrap;gap:.8rem 1.2rem;padding-block:1rem}.brand{flex:1}.primary-nav{order:3;width:100%;overflow:visible}.primary-nav>.menu{flex-wrap:wrap}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:4rem 0}.hero-art{min-height:300px}.art-star{font-size:18rem}.statement-grid{grid-template-columns:1fr}.statement-symbol{display:none}.posts-grid{grid-template-columns:1fr 1fr}.footer-inner{flex-wrap:wrap}.catalog-section,.statement{padding-block:4rem}}
@media(max-width:480px){.wrap{width:calc(100% - 2rem)}.topline{padding-inline:1rem}.header-actions{font-size:.8rem}.menu{gap:1rem}.hero h1{font-size:3.3rem}.section-head{align-items:start;flex-direction:column}.posts-grid{grid-template-columns:1fr}.empty-state{align-items:start;gap:1rem}.footer-inner{flex-direction:column}.site-footer .menu{flex-direction:column}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:48%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.header-search{position:relative;font-size:.86rem;font-weight:700}.header-search summary{cursor:pointer}.header-search form{position:absolute;right:0;top:2rem;z-index:10;background:var(--paper);border:1px solid var(--ink);padding:1rem;width:min(20rem,90vw)}.header-search input[type=search]{width:100%}.header-search input[type=submit]{margin-top:.5rem}summary:focus-visible{outline:3px solid #d24b23;outline-offset:3px}

/* Brand direction: editorial ink, chalk, lilac and coral. */
:root{--ink:#24243a;--paper:#f7f1e8;--mint:#f7f1e8;--lime:#cfb9d2;--line:#8e82a0}
body{font-size:1.0625rem}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #24243a;outline-offset:3px;box-shadow:0 0 0 6px #f7f1e8}
.brand-image{display:block;width:220px;max-width:100%;height:auto}
.hero-grid{grid-template-columns:5fr 7fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-block:clamp(2rem,5vw,5rem)}
.hero-copy{padding:1rem 0}.hero h1,.statement h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1}
.hero h1{font-size:clamp(3.5rem,6.5vw,7rem)}
.hero-art{display:block;min-height:0;background:transparent;color:var(--ink);margin:0;overflow:visible}
.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{font-size:.75rem;margin-top:.6rem}
.statement{background:#cfb9d2}.statement h2 em{font-style:normal}.statement-symbol{color:#24243a}
.button-dark,.woocommerce a.button.alt,.woocommerce button.button.alt{background:#24243a;color:#fff}
.site-footer .menu a,.header-actions a,.primary-nav .menu a{display:inline-block;padding-block:.5rem}
.woocommerce ul.products li.product a img{background:#e5dbe5;object-fit:contain}
.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{overflow-wrap:anywhere}
.woocommerce form .form-row label{line-height:1.5}
.page-content,.woocommerce,.wp-block-woocommerce-checkout,.wp-block-woocommerce-cart{overflow-wrap:anywhere}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-copy{padding:1rem 0}.hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}.hero-art{min-height:0}.brand-image{width:180px}}
@media(max-width:480px){.brand-image{width:150px}.header-actions{white-space:normal}.header-inner{gap:.5rem}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:48%}}
