/*
Theme Name: Suppelio
Author: Suppelio
Description: Eigener Storefront auf Basis des freigegebenen Suppelio-Designs. Native WooCommerce-Kataloge und Kaufabläufe.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: suppelio
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--blue:#2347ea;--orange:#ff8738;--lime:#d4ef57;--ink:#182032;--line:#dfe4ec;--muted:#526079}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:1rem/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{max-width:100%;height:auto}a{color:var(--blue)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.shell{width:min(100% - 3rem,1408px);margin-inline:auto}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:1rem;left:1rem;z-index:10000;padding:1rem;background:#fff}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;gap:2rem;min-height:88px;padding-block:.75rem;flex-wrap:wrap}.brand{width:220px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.primary-nav{flex:1 1 auto}.menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.primary-nav a{font-size:.95rem;font-weight:650;color:var(--ink);text-decoration:none}.primary-nav a:hover{text-decoration:underline;color:var(--blue)}.menu li{position:relative}.menu .sub-menu{display:none;list-style:none;position:absolute;min-width:12rem;padding:1rem;background:#fff;border:1px solid var(--line);z-index:20}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.product-search{display:flex;align-items:center;position:relative;flex:1 1 230px;max-width:420px;margin:0}.product-search input[type=search]{width:100%;min-height:48px;padding:.75rem 3.5rem .75rem 1.2rem;border:1px solid var(--line);border-radius:999px;background:#f8f9fc;color:var(--ink)}input::placeholder{color:var(--muted);opacity:1}.product-search button{position:absolute;right:4px;background:none;border:0;min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer}.product-search svg{width:23px;height:23px;fill:none;stroke:var(--ink);stroke-width:1.8}.cart-link{min-width:44px;min-height:44px;display:grid;place-items:center}.cart-link svg{width:27px;height:31px;fill:none;stroke:var(--ink);stroke-width:1.8}.hero{overflow:hidden;background:#eaf4ff}.hero-inner{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;min-height:420px}.hero-copy{z-index:1;padding-block:3rem}.hero h1{font-size:clamp(2.5rem,5.5vw,5.25rem);line-height:1.02;font-weight:850;letter-spacing:-.045em;margin:0 0 1rem}.hero h1 span{color:var(--orange)}.hero-copy p{font-size:clamp(1.125rem,1.8vw,1.65rem);margin:0 0 1.6rem}.hero-image{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center}.suppelio-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.9rem 1.75rem;min-height:48px;border:0;border-radius:999px;background:var(--orange);color:var(--ink);text-decoration:none;font-weight:750;line-height:1.3;cursor:pointer}.suppelio-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#ff9a57;color:var(--ink)}.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--orange);color:var(--ink)}.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:#ff9a57;color:var(--ink)}.assortment{padding-block:2rem 3rem}.section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.section-heading h2{font-size:clamp(1.625rem,2.5vw,2rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:0}.section-heading a{text-decoration:none}.page-content,.shop-main{padding-block:2rem 4rem;min-height:50vh}.page-content>article{margin-bottom:2rem}.page-content h1,.shop-main h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.03em}.page-content .alignwide{max-width:1408px}.page-content .alignfull{max-width:none}.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products li.product{float:none;width:auto!important;margin:0!important;padding:1.25rem;border:1px solid var(--line);border-radius:16px;min-width:0;display:flex;flex-direction:column}.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:contain}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.2rem;line-height:1.3;color:var(--ink);font-weight:750}.woocommerce ul.products li.product .price{font-size:1.125rem;font-weight:700;color:var(--ink)}.woocommerce ul.products li.product .button{margin-top:auto;align-self:flex-start}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .quantity .qty{border:1px solid #8e99aa;border-radius:8px;min-height:44px;padding:.6rem}.woocommerce .quantity .qty{width:5rem}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:8px 8px 0 0}.wc-block-components-button{border-radius:999px!important}.woocommerce-message,.woocommerce-info{border-top-color:var(--blue)}.site-footer{border-top:1px solid var(--line);padding-block:2rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.footer-brand{font-size:1.5rem;font-weight:800;text-decoration:none}.site-footer .menu a{font-size:.875rem;color:var(--ink)}
@media(max-width:1150px){.header-inner{gap:1.25rem}.primary-nav{order:4;flex-basis:100%}.product-search{margin-left:auto}.brand{width:190px}}
@media(max-width:700px){.shell{width:calc(100% - 2rem)}.header-inner{gap:1rem}.brand{width:165px}.cart-link{margin-left:auto}.product-search{order:3;max-width:none;flex-basis:100%}.menu{gap:.75rem 1.25rem}.primary-nav a{font-size:.875rem}.hero-inner{grid-template-columns:1fr}.hero-copy{padding-block:2rem 1rem}.hero-image{min-height:0;max-height:380px;object-fit:contain}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.woocommerce ul.products li.product{padding:.875rem}.woocommerce ul.products li.product .button{font-size:.875rem;padding:.75rem 1rem}.section-heading{align-items:flex-start}}
@media(max-width:380px){.woocommerce ul.products{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}