/*
Theme Name: After Maïs Shop
Version: 1.1.0
Author: After Maïs
Description: Eigen WooCommerce-thema in de huisstijl van aftermais.be.
Text Domain: amp-shop
*/
@font-face{font-family:Rowdies;src:url(assets/rowdies.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--green:#104a2d;--cream:#fff8e8;--yellow:#ffcf24;--dark:#092d1b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--green);font:17px/1.65 Arial,sans-serif}h1,h2,h3,.button,button,.nav a,.eyebrow{font-family:Rowdies,Arial,sans-serif}h1,h2,h3{line-height:1.13}h1{font-size:clamp(38px,5.5vw,78px);margin:.2em 0 .35em}h2{font-size:clamp(30px,3.2vw,46px)}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5a900;outline-offset:5px}img{max-width:100%;height:auto}button,a,input,select{touch-action:manipulation}.skip{position:fixed;top:-80px;left:12px;background:white;padding:12px;z-index:10000}.skip:focus{top:10px}.ticker{overflow:hidden;background:#000;color:var(--yellow);text-align:center;padding:9px 15px;font:700 13px Rowdies,sans-serif;letter-spacing:.07em}.masthead{position:relative;background:linear-gradient(#092d1b88,#092d1b99),url(assets/party.webp) center 45%/cover;color:white;padding:25px 28px 72px;text-align:center}.header-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 240px 1fr;align-items:center;gap:36px}.nav{display:flex;align-items:center;justify-content:space-evenly;gap:20px}.nav a{text-decoration:none;font-size:20px;white-space:nowrap}.nav a:hover{color:var(--yellow)}.logo{width:240px;height:240px;display:block;position:relative}.logo img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;transform:translate(-50%,-50%)}.logo .front{height:72.68%;transform:translate(-49%,-50%)}.logo .back{animation:spin 30s linear infinite}.slogan{font:700 clamp(18px,2.4vw,28px) Rowdies,sans-serif;margin:6px 0 0;text-shadow:0 3px 4px #000}.wave{position:absolute;bottom:-1px;left:0;width:100%;height:55px;display:block;fill:var(--cream)}.mobile-toggle{display:none}.container{width:min(1200px,calc(100% - 48px));margin:auto}main{min-height:42vh}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:65px 0 75px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:13px}.hero p{max-width:480px}.hero-photo{position:relative}.hero-photo img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:48% 48% 24px 24px;display:block}.photo-label{position:absolute;bottom:18px;left:18px;background:var(--yellow);color:var(--dark);padding:7px 13px;border-radius:30px;font-size:12px;font-weight:bold}.button,button,input[type=submit],.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;background:var(--green);color:var(--cream);padding:15px 24px;border:0;border-radius:100px;text-decoration:none;font-size:16px;line-height:1.3;cursor:pointer;transition:transform .15s,background .15s}.button:hover,button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#237943;color:white;transform:translateY(-2px)}.hero .button{margin-top:13px}.subtle{font-size:13px;opacity:.8}.benefits{background:var(--yellow);padding:26px 0}.benefits .container{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.benefits strong{display:block;font:18px Rowdies,sans-serif}.benefits span{font-size:14px}.catalog{padding:65px 0 85px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-heading h2{margin:0}.pill{border:1px solid #104a2d55;padding:5px 14px;border-radius:30px;font-size:13px;white-space:nowrap}.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto;float:none;margin:0;background:#fffdf7;padding:18px;border:1px solid #104a2d20;border-radius:23px}.woocommerce ul.products li.product img{border-radius:14px;aspect-ratio:1;object-fit:cover}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:23px;padding:14px 0 8px}.woocommerce ul.products li.product .price{color:var(--green);font-size:19px;font-weight:bold}.woocommerce ul.products li.product .button{margin-top:14px}.woocommerce span.onsale{display:none}.shop-content{padding:55px 0 80px}.woocommerce .woocommerce-breadcrumb{color:var(--green);font-size:13px;margin-bottom:30px}.woocommerce div.product div.images img{border-radius:24px}.woocommerce div.product .product_title{font-size:clamp(32px,4vw,52px)}.woocommerce div.product p.price{color:var(--green);font-size:26px}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--cream);border-color:#104a2d30}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fffdf7}.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#fffdf7;border-top-color:var(--green);color:var(--green)}.woocommerce-info:before,.woocommerce-message:before{color:var(--green)}.woocommerce input.input-text,.woocommerce select,.woocommerce textarea{padding:13px;border:1px solid #104a2d60;border-radius:8px;background:#fffdf7;color:var(--dark);font:inherit;max-width:100%}.woocommerce .quantity .qty{width:75px}.woocommerce table.shop_table{border-color:#104a2d30}.woocommerce form .form-row label{font-weight:bold}.woocommerce a.remove{color:var(--green)!important}.woocommerce a.remove:hover{background:var(--green)}.woocommerce .cart-collaterals .cart_totals{float:none;width:100%;max-width:550px;margin-left:auto}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{padding:0 15px}.preparation-note{padding:15px 20px;border:1px solid #104a2d33;background:#ffcf2425;border-radius:12px;margin:20px 0;font-size:14px}.footer{position:relative;background:#000;color:white;text-align:center;padding:80px 24px 30px}.footer:before{content:'';position:absolute;top:0;left:0;right:0;height:35px;background:var(--cream);clip-path:ellipse(60% 90% at 50% 0%)}.footer h2{font-size:32px;color:var(--yellow)}.footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin:20px auto}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer small{color:#bdbdbd}.legal{font-size:12px}.mobile-menu{border:0;margin:0;padding:24px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:var(--yellow);color:var(--green)}.mobile-menu[open]{display:flex;flex-direction:column}.mobile-menu::backdrop{background:#092d1bcc}.mobile-menu nav{display:grid;gap:0;margin-top:30px}.mobile-menu nav a{font:24px Rowdies;padding:18px 0;border-bottom:1px solid #104a2d33;text-decoration:none}.mobile-menu .close{align-self:flex-end;background:transparent;color:var(--green);border:2px solid var(--green)}body.menu-open{overflow:hidden}.empty-cart{padding-block:30px}.woocommerce-account .woocommerce-MyAccount-navigation{background:#ffcf2433;padding:20px;border-radius:16px}.woocommerce-account .woocommerce-MyAccount-navigation li{margin:10px 0}.woocommerce-account .woocommerce-MyAccount-content{padding:0 20px}.legal-copy{max-width:780px}.legal-copy h1{font-size:46px}.demo-price{font-size:12px!important;color:#526b5b}.woocommerce-result-count,.woocommerce-ordering{margin-bottom:25px!important}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:900px){.header-inner{grid-template-columns:1fr;justify-items:center;gap:4px}.nav{display:none}.logo{width:185px;height:185px}.mobile-toggle{display:block;margin-top:15px;background:var(--yellow);color:var(--green)}.masthead{padding-top:20px;padding-bottom:70px}.hero{gap:28px;padding:40px 0 50px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.slogan{font-size:20px}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:32px}.hero h1{font-size:45px}.hero-photo img{aspect-ratio:1.2}.hero-photo{max-width:450px}.benefits .container{grid-template-columns:1fr;gap:16px}.benefits strong{font-size:17px}.benefits span{font-size:13px}.section-heading{align-items:start;flex-direction:column;gap:12px}.catalog{padding:42px 0 55px}.woocommerce ul.products{grid-template-columns:1fr}.woocommerce ul.products li.product{max-width:420px;width:100%}.shop-content{padding-top:30px}.woocommerce .woocommerce-ordering{float:none}.woocommerce .woocommerce-result-count{float:none}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0}.woocommerce div.product .woocommerce-tabs ul.tabs li{padding:0 10px}.woocommerce .cart-collaterals .cart_totals{width:100%}.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%;padding:15px 0}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{padding:0}.legal-copy h1{font-size:36px}.ticker{font-size:10px}.footer h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Huisstijl en native WooCommerce winkelmand/checkout-blokken. */
@font-face{font-family:'AMP Gagalin';src:url(assets/gagalin-slogan.woff2) format('woff2');font-display:swap}.slogan{font-family:'AMP Gagalin',Rowdies,sans-serif;font-weight:400}.mobile-toggle{margin:15px auto 0}.coming-soon-footer-banner{display:none!important}.wc-block-components-button:not(.is-link){background:var(--green)!important;color:var(--cream)!important;border-radius:100px!important;font:16px Rowdies,sans-serif!important;min-height:50px}.wc-block-components-text-input input,.wc-block-components-combobox .wc-block-components-combobox-control input{border-radius:8px!important}.wc-block-components-product-name{color:var(--green)}.wc-block-components-totals-wrapper{border-color:#104a2d33}.wc-block-cart__submit-container--sticky{background:var(--cream)!important}.wc-block-components-sidebar-layout .wc-block-components-main{min-width:0}.woocommerce .stock.in-stock{font-size:13px}.woocommerce .stock.in-stock:before{content:'Testvoorraad: '}
/* WooCommerce kolombreedtes niet combineren met de eigen CSS-grid. */
.woocommerce ul.products[class*="columns-"] li.product,.woocommerce-page ul.products[class*="columns-"] li.product{width:100%!important;min-width:0;margin:0!important;float:none!important}

/* Groen getinte foto-overlay, aansluitend op aftermais.be. */
.masthead{background-image:linear-gradient(115deg,rgba(0,83,40,.88),rgba(6,75,37,.77) 50%,rgba(3,52,28,.9)),url(assets/party.webp);background-blend-mode:normal;background-position:center,center 58%}
.concept-badge{display:inline-block;background:var(--yellow);color:var(--green);font:12px Rowdies,sans-serif;padding:5px 10px;border-radius:30px;margin:0 0 12px}.woocommerce ul.products li.product .demo-price{display:block;margin-top:5px;font-size:12px}.catalog-more{margin-top:30px}