/*
Theme Name: Kreatives Kompott
Description: Warme digitale Manufaktur für 3D-Druck, Plotter- und Sublimationsdateien. Eigenständiges klassisches WooCommerce-Theme.
Author: Kreatives Kompott
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kreatives-kompott
Tags: e-commerce, custom-menu, custom-colors, featured-images
*/
:root{--paper:#faf6ed;--ink:#3b3029;--wine:#552b36;--clay:#a64f36;--line:#d6c9b9;--soft:#eee6d8;--muted:#6d5e53;--serif:Georgia,'Times New Roman',serif;--sans:'Trebuchet MS',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans)}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--clay);outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}button:disabled{cursor:not-allowed}.skip-link{position:absolute;top:-100px;left:20px;padding:12px;z-index:100;background:var(--paper)}.skip-link:focus{top:8px}.preview-bar{text-align:center;padding:8px 20px;background:var(--wine);color:var(--paper);font-size:.875rem;letter-spacing:.025em}.preview-bar span{margin:0 12px;color:#d5b49a}.header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.wordmark{color:var(--wine);display:flex;flex-direction:column;line-height:1}.brand-top{font-size:.75rem;letter-spacing:.3em;margin-left:3px}.brand-main{font:bold 2.7rem/.95 var(--serif);letter-spacing:-.045em}.brand-star{font:1.8rem var(--serif);margin-left:6px;vertical-align:top;color:var(--clay)}nav{display:flex;gap:32px;font-size:.95rem}nav a:hover{color:var(--clay)}.cart-button{background:none;border:0;display:flex;align-items:center;gap:9px;padding:8px 0;font-size:.875rem}.cart-count{border-radius:50%;background:var(--wine);color:var(--paper);min-width:25px;height:25px;display:grid;place-items:center;font-size:.875rem}.intro{max-width:1280px;margin:0 auto;padding:48px 40px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:.75rem;font-weight:bold;letter-spacing:.15em;color:var(--clay);margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(2.5rem,4.2vw,4rem)/1.06 var(--serif);letter-spacing:-.04em;margin-bottom:16px}em{font-weight:normal;color:var(--wine)}.intro-copy{font-size:1rem;color:var(--muted);margin-bottom:0}.intro-note{flex:0 0 240px;transform:rotate(-5deg);border:1px solid var(--line);padding:22px;background:#f1e9dc;text-align:center;box-shadow:4px 5px 0 #e7ddcf}.intro-note>span{font-size:2rem;color:var(--clay)}.intro-note p{font:1.4rem/1.3 var(--serif);margin:4px 0 12px}.intro-note small{font-size:.875rem;color:var(--muted)}.section{max-width:1280px;margin:auto;padding:36px 40px}.shop{border-top:1px solid var(--line);padding-top:32px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.section-heading .eyebrow{margin-bottom:9px}h2{font:normal clamp(1.7rem,2.5vw,2.35rem)/1.2 var(--serif);letter-spacing:-.025em;margin-bottom:0}.collection-caption{font:italic .95rem var(--serif);color:var(--muted);padding-bottom:6px}.shop-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 22px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 16px;font-size:.875rem}.filter.active{background:var(--wine);border-color:var(--wine);color:var(--paper)}.filter:hover:not(.active){background:var(--soft)}#result-count{font-size:.875rem;color:var(--muted);white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product-card{min-width:0}.product-image-button{width:100%;padding:0;background:var(--soft);border:0;position:relative;display:block;overflow:hidden;aspect-ratio:4/3}.product-image-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-image-button:hover img{transform:scale(1.035)}.format-badge{position:absolute;top:14px;left:14px;background:var(--paper);padding:4px 10px;font-size:.75rem;letter-spacing:.05em;box-shadow:0 1px 5px #3b302914}.image-caption{position:absolute;bottom:12px;right:12px;background:#faf6ede8;padding:2px 8px;color:var(--muted);font-size:.75rem}.product-meta{margin-top:16px;font-size:.75rem;color:var(--clay);letter-spacing:.1em;font-weight:bold}.product-title{padding:0;border:0;background:none;text-align:left;font:normal 1.45rem/1.2 var(--serif);margin:7px 0 10px;display:block}.product-title:hover{color:var(--wine);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.product-description{font-size:.875rem;color:var(--muted);margin-bottom:14px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.price{font-weight:bold;font-size:1.05rem;white-space:nowrap}.price small{display:block;font-weight:normal;font-size:.75rem;color:var(--muted)}.add-button{border:1px solid var(--wine);background:transparent;color:var(--wine);padding:9px 12px;font-size:.875rem;transition:background .2s}.add-button:hover,.add-button.added{background:var(--wine);color:var(--paper)}.catalog-note{font-size:.875rem;color:var(--muted);margin:26px 0 0;padding:15px 0;border-top:1px solid var(--line)}.digital-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1280px;margin:10px auto 24px;background:var(--soft);padding:26px 40px;gap:26px}.digital-strip>div{display:flex;gap:15px;align-items:center}.strip-number{font:italic 1.6rem var(--serif);color:var(--clay)}.digital-strip p{margin:0;font-size:.875rem}.digital-strip strong,.digital-strip p span{display:block}.digital-strip p span{color:var(--muted);margin-top:4px}.story{padding-top:40px;padding-bottom:48px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story-grid h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.25}.story-grid p{color:var(--muted);margin-bottom:14px}.signature{font:italic 2rem var(--serif);color:var(--wine)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.45fr;gap:60px;padding-top:40px;padding-bottom:64px}.faq-list details{border-bottom:1px solid var(--line);padding:16px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;font-size:1rem;list-style:none;padding-right:28px;position:relative}.faq-list summary:after{content:'+';position:absolute;right:0;top:0;font:1.25rem var(--serif);color:var(--wine)}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:.95rem;color:var(--muted);margin:15px 0 4px}.faq-list summary::-webkit-details-marker{display:none}footer{background:var(--wine);color:var(--paper);padding:40px 20px;text-align:center}.footer-brand{font:2rem var(--serif)}footer p{font-size:.875rem;margin:9px 0 20px;color:#dfc9be}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:24px}.footer-links button{font-size:.875rem;border:0;background:none;color:var(--paper);padding:0}.footer-links button:hover{text-decoration:underline}footer small{font-size:.75rem;color:#d6bcaf}dialog{border:1px solid var(--line);padding:35px;background:var(--paper);color:var(--ink);max-height:90dvh;box-shadow:0 20px 80px #22141840}dialog::backdrop{background:#281c24a8;backdrop-filter:blur(3px)}.close{position:absolute;right:14px;top:10px;background:var(--paper);border:0;font:2rem var(--sans);line-height:1;padding:8px;z-index:1}.close.inline{position:static;padding:0 4px}.product-dialog{width:min(900px,92vw)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-grid img{width:100%;height:100%;max-height:470px;object-fit:cover}.detail-copy{padding-top:16px}.detail-copy h2{margin-bottom:16px}.detail-copy p{color:var(--muted);font-size:.95rem}.detail-copy dl{margin:18px 0;font-size:.875rem}.detail-copy dl>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line)}dt{font-weight:bold}dd{margin:0;text-align:right}.detail-copy .primary{width:100%;margin-top:18px}.primary{border:1px solid var(--wine);background:var(--wine);color:var(--paper);padding:13px 20px}.primary:hover{background:#3e1c26}.secondary{padding:10px 15px;border:1px solid var(--line);background:none}.cart-dialog{width:min(570px,94vw)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.dialog-heading .eyebrow{margin-bottom:9px}.cart-row{display:grid;grid-template-columns:70px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-row img{width:70px;height:70px;object-fit:cover}.cart-row h3{font:1.1rem/1.25 var(--serif);margin:0 0 6px}.cart-row p{font-size:.75rem;color:var(--muted);margin:0}.remove{border:0;background:none;color:var(--muted);text-decoration:underline;font-size:.875rem;padding:7px 0 0}.cart-row .price{font-size:.95rem}.cart-total{display:flex;justify-content:space-between;gap:20px;font-size:1.1rem;margin:24px 0 10px}.cart-disclaimer{font-size:.875rem;color:var(--muted);margin-bottom:20px}.cart-actions{display:grid;gap:10px}.empty-cart{text-align:center;padding:30px 0}.empty-cart p{color:var(--muted)}.info-dialog{width:min(490px,92vw);padding-top:40px}.info-dialog h2{margin-bottom:20px}.info-dialog p{color:var(--muted)}.info-dialog li{margin-bottom:10px}.info-dialog .primary{margin-top:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(110px);background:var(--wine);color:var(--paper);padding:13px 22px;max-width:90vw;box-shadow:0 5px 25px #281c242f;transition:transform .25s;z-index:20;font-size:.95rem}.toast.show{transform:translateX(-50%) translateY(0)}@media(min-width:1440px){.header{padding-left:80px;padding-right:80px}}@media(max-width:900px){.header{padding:22px 28px;gap:16px}nav{gap:16px}.cart-button>span:not(.cart-count){display:none}.intro{padding:35px 28px;gap:20px}.intro-note{flex-basis:200px;padding:15px}.section{padding-left:28px;padding-right:28px}.collection-caption{display:none}.product-grid{gap:18px}.product-bottom{align-items:start;flex-direction:column}.add-button{width:100%}.digital-strip{padding:24px 28px;gap:20px}.digital-strip>div{align-items:start}.story-grid{gap:35px}.faq{gap:30px}.shop-controls{align-items:start;flex-direction:column;gap:12px}.detail-grid{gap:20px}.detail-grid img{height:auto;align-self:start}}@media(max-width:600px){.preview-bar{font-size:.75rem;padding:8px 12px}.preview-bar span{margin:0 4px}.header{padding:20px;flex-wrap:wrap}.brand-main{font-size:2.3rem}.brand-top{font-size:.65rem}nav{order:3;width:100%;justify-content:center;padding-top:18px;border-top:1px solid var(--line);font-size:.875rem;gap:28px}.cart-button{margin-left:auto}.intro{padding:32px 20px}.intro h1{font-size:2.65rem}.intro-copy{font-size:.95rem}.intro-note{display:none}.desktop-only{display:none}.section{padding:28px 20px}.eyebrow{font-size:.75rem;letter-spacing:.1em}.shop-controls{margin-top:20px}.filter{padding:8px 12px}.product-grid{grid-template-columns:1fr;gap:30px}.product-image-button{aspect-ratio:4/3}.product-bottom{flex-direction:row;align-items:center}.add-button{width:auto;min-height:44px}.product-title{font-size:1.6rem}.product-description{font-size:1rem}.digital-strip{grid-template-columns:1fr;margin:15px 20px;padding:24px;gap:22px}.digital-strip p{font-size:.95rem}.story-grid{grid-template-columns:1fr;gap:22px}.story-grid h2{font-size:2.1rem}.faq{grid-template-columns:1fr;gap:25px;margin-top:15px;padding-bottom:40px}.footer-links{gap:14px}dialog{padding:25px;max-height:90dvh}.product-dialog{padding:20px}.detail-grid{grid-template-columns:1fr;gap:0}.detail-grid img{max-height:260px;aspect-ratio:4/3}.detail-copy{padding:22px 0 4px}.cart-row{grid-template-columns:55px 1fr auto;gap:10px}.cart-row img{width:55px;height:55px}.dialog-heading h2{font-size:1.7rem}.toast{width:max-content;text-align:center}.info-dialog{padding-top:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}