/*
Theme Name: Made-NL Eigen
Theme URI: https://design-made.nl/
Author: Made-NL
Description: Zelfstandig, lichtgewicht WooCommerce-thema zonder externe thema-plugins, pagebuilders of Google Fonts. Eigen ontwerp voor leren telefoonhoesjes.
Version: 1.6.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: made-nl-eigen
License: GPL-2.0-or-later
*/
:root{--mnl-ink:#24211e;--mnl-muted:#716c65;--mnl-accent:#865b3d;--mnl-accent-dark:#6d462b;--mnl-cream:#f7f3ed;--mnl-white:#fff;--mnl-stroke:#e6e0d7;--mnl-radius:9px;--mnl-shadow:0 12px 38px rgba(24,21,19,.08)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--mnl-ink);background:var(--mnl-white);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}a:hover{color:var(--mnl-accent)}
button,input,textarea,select{font:inherit}
button,a,input,select,textarea{outline-offset:3px}
h1,h2,h3,h4{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,4vw,4rem)}h2{font-size:clamp(1.7rem,2.6vw,2.35rem)}p{margin-top:0}
.mnl-container{max-width:1240px;margin-inline:auto;padding-inline:24px}
.mnl-skip{position:absolute;left:-9999px;top:5px;background:#fff;padding:10px;z-index:500}.mnl-skip:focus{left:10px}
.mnl-header{position:relative;background:#fff;border-bottom:1px solid var(--mnl-stroke);z-index:80}
.mnl-header-inner{display:flex;align-items:center;gap:28px;min-height:100px}
.mnl-brand{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;min-width:185px}
.mnl-brand .custom-logo-link{display:block;line-height:1}.mnl-brand .custom-logo{max-width:160px;max-height:75px;width:auto;height:auto;object-fit:contain}
.mnl-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:34px;letter-spacing:.04em;font-weight:700;line-height:1}.mnl-wordmark span{color:var(--mnl-accent)}
.mnl-brand-line{font-size:11px;color:var(--mnl-muted);margin-top:8px;letter-spacing:.04em}
.mnl-main-nav{flex:1;min-width:0}.mnl-main-nav .menu,.mnl-main-nav .sub-menu{margin:0;padding:0;list-style:none}
.mnl-main-nav>.menu{display:flex;justify-content:flex-end;align-items:center;gap:5px;flex-wrap:wrap}
.mnl-main-nav li{position:relative}.mnl-main-nav>.menu>li>a{display:block;padding:15px 13px;font-size:14px;font-weight:650;white-space:nowrap}
.mnl-main-nav li:hover>a,.mnl-main-nav li:focus-within>a,.mnl-main-nav .current-menu-item>a{color:var(--mnl-accent)}
.mnl-main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;width:238px;background:#fff;border:1px solid var(--mnl-stroke);box-shadow:var(--mnl-shadow);border-radius:var(--mnl-radius);padding:7px 0;z-index:110}
.mnl-main-nav .sub-menu .sub-menu{top:-8px;left:100%}
.mnl-main-nav li:hover>.sub-menu,.mnl-main-nav li:focus-within>.sub-menu{display:block}
.mnl-main-nav .sub-menu a{display:block;padding:9px 17px;font-size:13px;line-height:1.45}
.mnl-main-nav .sub-menu li:hover>a,.mnl-main-nav .sub-menu li:focus-within>a{background:var(--mnl-cream)}
.mnl-main-nav .menu-item-has-children>a{padding-right:24px!important}
.mnl-main-nav .menu-item-has-children>a:after{content:'⌄';position:absolute;right:9px;color:var(--mnl-muted);font-size:12px}
.mnl-main-nav .sub-menu .menu-item-has-children>a:after{content:'›';font-size:18px;top:5px}
.mnl-submenu-toggle{display:none}
.mnl-header-actions{display:flex;align-items:center;gap:12px}
.mnl-action{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--mnl-stroke);font-size:22px}
.mnl-action:hover{background:var(--mnl-cream)}.mnl-cart-count{position:absolute;right:-5px;top:-7px;min-width:19px;height:19px;background:var(--mnl-accent);color:#fff;border-radius:50%;font-size:11px;font-weight:700;line-height:19px;text-align:center;padding:0 4px}
.mnl-nav-toggle{display:none;border:1px solid var(--mnl-stroke);background:#fff;color:var(--mnl-ink);border-radius:6px;padding:8px 12px;gap:8px;align-items:center;font-weight:600}
.mnl-content,.mnl-woocommerce-content{padding-top:52px;padding-bottom:74px;min-height:50vh}
.mnl-entry{max-width:900px;margin:0 auto}.mnl-entry h1{font-size:clamp(2rem,3vw,3rem);margin:0 0 26px}.mnl-entry-body{overflow-wrap:anywhere}.mnl-entry-body a{color:var(--mnl-accent);text-decoration:underline}.mnl-entry-body img{height:auto}.mnl-entry-body .wp-block-columns{gap:24px}
.mnl-entry-body table{border-collapse:collapse;width:100%}.mnl-entry-body th,.mnl-entry-body td{border:1px solid var(--mnl-stroke);padding:12px}
.mnl-hero{background:linear-gradient(125deg,#f7f1e9,#e9dccc);min-height:485px;display:flex;align-items:center;position:relative;overflow:hidden}
.mnl-hero-with-image{background-image:linear-gradient(90deg,rgba(26,20,16,.76),rgba(26,20,16,.25)),var(--mnl-hero-image);background-position:center;background-size:cover;color:#fff}
.mnl-hero-grid{display:grid;grid-template-columns:minmax(0,710px) 1fr;align-items:center;gap:52px;width:100%;padding-top:80px;padding-bottom:80px}
.mnl-hero-copy h1{max-width:760px;font-size:clamp(2.7rem,5.4vw,4.7rem);font-weight:650;line-height:1.05;margin:14px 0 22px}.mnl-hero-copy>p:not(.mnl-eyebrow){font-size:18px;max-width:560px;line-height:1.7;color:inherit;opacity:.9;margin-bottom:30px}
.mnl-eyebrow{text-transform:uppercase;font-weight:750;letter-spacing:.15em;font-size:12px;color:var(--mnl-accent);margin-bottom:10px}.mnl-hero-with-image .mnl-eyebrow{color:#f3d2ad}
.mnl-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-block;background:var(--mnl-accent);color:#fff!important;border:0;border-radius:5px;padding:14px 23px;font-size:14px;line-height:1.3;font-weight:650;text-decoration:none;cursor:pointer;transition:background .2s}
.mnl-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{background:var(--mnl-accent-dark)!important;color:#fff!important}
.mnl-hero-emblem{border:1px solid currentColor;border-radius:50%;width:205px;height:205px;opacity:.64;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg)}.mnl-hero-emblem span{font-size:58px;font-family:Georgia,serif;line-height:1}.mnl-hero-emblem small{font-weight:750;letter-spacing:.2em}.mnl-hero-emblem em{font-size:12px;margin-top:10px}
.mnl-section{padding-top:75px;padding-bottom:80px}.mnl-section-heading{margin-bottom:32px}.mnl-section-heading h2{margin:0}
.mnl-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mnl-brand-card{display:flex;min-height:195px;flex-direction:column;background:var(--mnl-cream);border-radius:9px;border:1px solid var(--mnl-stroke);overflow:hidden;position:relative}
.mnl-brand-card img{height:140px;width:100%;object-fit:cover}.mnl-brand-card span{font-size:17px;font-weight:650;padding:17px 18px 18px}.mnl-brand-card b{position:absolute;right:18px;bottom:17px;font-size:22px;font-weight:400}.mnl-brand-card:hover{transform:translateY(-3px);box-shadow:var(--mnl-shadow)}
.mnl-brand-pattern{height:140px;display:grid;place-items:center;font-family:Georgia,serif;font-size:70px;color:rgba(113,92,74,.16);background:linear-gradient(145deg,#eee4d5,#e1d0bd)}
.mnl-products-section{background:#fbfaf8}.mnl-centered{text-align:center;margin:36px 0 0}.mnl-text-link{color:var(--mnl-accent);font-weight:700;border-bottom:1px solid currentColor}
.mnl-benefits{background:#f0e9df;padding:32px 0}.mnl-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mnl-benefits-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center}.mnl-benefits-grid strong{font-size:16px}.mnl-benefits-grid span{color:var(--mnl-muted);font-size:13px;margin-top:5px}
.mnl-footer{background:#262320;color:#eae4db;padding-top:60px}.mnl-footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:60px;padding-bottom:58px}.mnl-footer-heading{font-size:18px;color:#fff;margin:0 0 17px;font-weight:650}.mnl-footer p{font-size:14px;color:#cfc7bd;max-width:320px}.mnl-footer-menu,.mnl-footer-widget ul{list-style:none;margin:0;padding:0}.mnl-footer-menu li,.mnl-footer-widget li{margin:0 0 11px}.mnl-footer-menu a,.mnl-footer-widget a{font-size:14px;color:#ded6cc}.mnl-footer-menu a:hover,.mnl-footer-widget a:hover{color:#fff;text-decoration:underline}.mnl-footer-bottom{display:flex;justify-content:space-between;gap:12px;padding-top:16px;padding-bottom:18px;border-top:1px solid #49433c;font-size:12px;color:#b6aaa0}
/* WooCommerce native product- en winkelweergave */
.woocommerce .woocommerce-breadcrumb{color:var(--mnl-muted);font-size:13px;margin:0 0 24px}.woocommerce .woocommerce-breadcrumb a{color:var(--mnl-muted)}
.woocommerce-products-header{margin:0 0 24px}.woocommerce-products-header__title{margin:0 0 16px;font-size:clamp(2rem,3.5vw,3rem)}.term-description{max-width:900px;color:#5c5650;line-height:1.75;margin:0 0 28px}.term-description h2{font-size:24px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;clear:both;margin:32px 0!important;padding:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:0 0 20px!important;list-style:none;background:#fff;border:1px solid var(--mnl-stroke);border-radius:var(--mnl-radius);overflow:hidden;min-width:0}
.woocommerce ul.products li.product a img{width:100%;height:285px;object-fit:contain;object-position:center;background:#fcfbfa;padding:12px;margin:0 0 12px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:1.45!important;padding:0 15px!important;min-height:3em;color:var(--mnl-ink);font-weight:600}
.woocommerce ul.products li.product .price{padding:0 15px;font-size:15px!important;font-weight:750;color:var(--mnl-accent)!important}
.woocommerce ul.products li.product .button{margin:8px 15px 0!important;padding:10px 15px!important;font-size:12px}
.woocommerce ul.products li.product .onsale{right:12px;left:auto;top:10px;margin:0;min-height:auto;line-height:1;padding:10px;background:#855939;border-radius:4px}
.woocommerce-result-count,.woocommerce-ordering{font-size:14px;color:var(--mnl-muted)}.woocommerce-ordering select{padding:8px;border:1px solid var(--mnl-stroke);background:#fff}
.woocommerce div.product .product_title{font-size:clamp(1.9rem,3vw,2.75rem);margin:0 0 16px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--mnl-accent);font-weight:700;font-size:24px}.woocommerce div.product .woocommerce-product-gallery img{height:auto;object-fit:contain}.woocommerce div.product .woocommerce-tabs{margin-top:45px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff}.woocommerce div.product form.cart .quantity .qty{min-width:70px;padding:10px}
.woocommerce div.product form.cart .button{padding:13px 22px}.woocommerce .star-rating{color:#b47d37}
.woocommerce-message{border-top-color:var(--mnl-accent)}.woocommerce-message::before{color:var(--mnl-accent)}.woocommerce-info{border-top-color:#85786d}
.woocommerce-page table.shop_table{border-color:var(--mnl-stroke)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form select{padding:10px;border:1px solid #bdb7ae;border-radius:4px}
.woocommerce a.remove{color:#9a3f39!important}.woocommerce .checkout-button{background:var(--mnl-accent)!important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{padding:11px 14px}
.woocommerce .related>h2,.woocommerce .upsells>h2{font-size:28px;margin:35px 0 24px}
.mnl-comments{padding:30px 0}
@media(max-width:1100px){.mnl-container{padding-inline:20px}.mnl-header-inner{gap:12px}.mnl-main-nav>.menu>li>a{padding:11px 9px;font-size:13px}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.mnl-brand-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:870px){
.mnl-header-inner{min-height:80px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.mnl-brand{min-width:0;margin-right:auto}.mnl-wordmark{font-size:28px}.mnl-nav-toggle{display:flex;order:2}.mnl-header-actions{order:3}.mnl-main-nav{display:none;order:4;flex:0 0 100%;width:100%;margin-top:8px;border-top:1px solid var(--mnl-stroke);padding-top:10px;max-height:65vh;overflow:auto}.mnl-main-nav.mnl-nav-open{display:block}
.mnl-main-nav>.menu{display:block}.mnl-main-nav li{border-bottom:1px solid #f0eee9}.mnl-main-nav>.menu>li>a{padding:12px 42px 12px 5px;white-space:normal;font-size:15px}
.mnl-main-nav .sub-menu,.mnl-main-nav .sub-menu .sub-menu{display:none;position:static;top:auto;left:auto;width:100%;border:0;border-radius:0;box-shadow:none;background:#faf8f5;padding:0 0 0 15px}
.mnl-main-nav li:hover>.sub-menu,.mnl-main-nav li:focus-within>.sub-menu{display:none}
.mnl-main-nav li.mnl-submenu-open>.sub-menu{display:block!important}.mnl-main-nav .sub-menu a{padding:10px 38px 10px 7px}
.mnl-main-nav .menu-item-has-children>a:after{display:none}.mnl-submenu-toggle{display:block;position:absolute;right:0;top:4px;width:36px;height:36px;z-index:5;background:transparent;border:1px solid #ddd6cd;border-radius:5px;cursor:pointer}.mnl-submenu-open>.mnl-submenu-toggle{transform:rotate(180deg)}
.mnl-hero-grid{grid-template-columns:1fr}.mnl-hero-emblem{display:none}.mnl-hero{min-height:400px}
.mnl-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){.mnl-container{padding-inline:16px}.mnl-header-actions{gap:6px}.mnl-action{width:34px;height:34px}.mnl-brand .custom-logo{max-height:55px;max-width:120px}.mnl-brand-line{font-size:10px;max-width:160px}.mnl-hero-grid{padding-top:65px;padding-bottom:65px}.mnl-hero-copy h1{font-size:2.5rem}.mnl-hero-copy>p:not(.mnl-eyebrow){font-size:16px}.mnl-brand-grid{grid-template-columns:1fr 1fr;gap:10px}.mnl-brand-card{min-height:135px}.mnl-brand-card img,.mnl-brand-pattern{height:90px}.mnl-brand-card span{font-size:13px;padding:12px 10px}.mnl-brand-card b{right:10px;bottom:10px;font-size:16px}.mnl-section{padding-top:45px;padding-bottom:45px}.mnl-benefits-grid{grid-template-columns:1fr;gap:24px}.mnl-footer-grid{grid-template-columns:1fr;gap:22px}.mnl-footer-bottom{flex-direction:column}.woocommerce ul.products{gap:12px!important}.woocommerce ul.products li.product a img{height:185px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px!important;padding:0 10px!important}.woocommerce ul.products li.product .price{padding:0 10px}.woocommerce ul.products li.product .button{margin:8px 10px 0!important;padding:9px 8px!important;font-size:11px}.woocommerce div.product .woocommerce-product-gallery,.woocommerce div.product .summary{float:none!important;width:100%!important}}

/* Made-NL v1.2: 1 veilige, gewone toevoegactie vanuit productoverzichten. */
.woocommerce ul.products li.product form.mnl-shop-add-form{margin:0;padding:0;}
.woocommerce ul.products li.product form.mnl-shop-add-form button.mnl-shop-add-button{cursor:pointer;}
.woocommerce ul.products li.product form.mnl-shop-add-form button.mnl-submitting{opacity:.55;cursor:wait;}


/* Made-NL v1.3: gelijke kaart- en knophoogte in productoverzichten.
   Koopknoppen worden naar de onderrand van iedere productkaart geplaatst. */
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column;
    height: 100%;
}
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product > a.woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link .price,
.woocommerce ul.products li.product > a.woocommerce-loop-product__link .price {
    margin-top: auto;
}
.woocommerce ul.products li.product > form.mnl-shop-add-form {
    margin-top: auto;
    margin-bottom: 0;
}
/* Voor variabele en externe producten blijft WooCommerce een gewone link gebruiken. */
.woocommerce ul.products li.product > a.button { margin-top: auto !important; }

/* v1.5 - Zelf te beheren WordPress-blokken (foto's, tekst, kolommen, knoppen) */
.mnl-home-extra{padding:70px 0;border-top:1px solid var(--mnl-stroke)}
.mnl-home-extra-content{overflow-wrap:anywhere}
.mnl-home-extra-content > :first-child{margin-top:0}
.mnl-home-extra-content > :last-child{margin-bottom:0}
.mnl-home-extra-content .wp-block-columns{display:flex;flex-wrap:wrap;gap:30px;align-items:center;margin-bottom:32px}
.mnl-home-extra-content .wp-block-column{flex:1 1 260px;min-width:0}
.mnl-home-extra-content img{max-width:100%;height:auto}
.mnl-home-extra-content .wp-block-image img{border-radius:var(--mnl-radius)}
.mnl-home-extra-content .wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap}
.mnl-home-extra-content .wp-block-button__link{background:var(--mnl-accent);color:white;border-radius:5px;padding:14px 23px;text-decoration:none}
.mnl-home-extra-content .wp-block-button__link:hover{background:var(--mnl-accent-dark);color:white}
.mnl-home-extra-content a:not(.wp-block-button__link){text-decoration:underline}
@media(max-width:680px){.mnl-home-extra{padding:42px 0}.mnl-home-extra-content .wp-block-columns{gap:18px}}


/* MADE-NL V1.6 – bewerkbare homepageblokken; geen externe plugins nodig */
.mnl-home-extra{padding:22px 0 54px;background:#fff}
.mnl-home-extra .mnl-demo-section{padding:48px 38px;margin:18px 0 28px;border-radius:16px}
.mnl-home-extra .mnl-demo-first{background:#f7f2eb}
.mnl-home-extra .mnl-demo-soft{background:#fbf8f4}
.mnl-home-extra .mnl-demo-contact{background:#eee2d6;text-align:center;padding:64px 36px}
.mnl-home-extra .mnl-demo-contact .wp-block-buttons{justify-content:center}
.mnl-home-extra .mnl-demo-contact p{max-width:710px;margin-left:auto;margin-right:auto}
.mnl-home-extra .mnl-demo-row{gap:clamp(26px,5vw,66px);align-items:center!important;margin:0}
.mnl-home-extra .mnl-demo-row>.wp-block-column{min-width:0;flex-basis:50%;overflow-wrap:anywhere}
.mnl-home-extra .mnl-demo-row h2{font-size:clamp(1.65rem,3vw,2.55rem);margin-top:0;margin-bottom:18px}
.mnl-home-extra .mnl-demo-row p{line-height:1.75}
.mnl-home-extra .mnl-demo-kicker{font-size:.75rem;font-weight:750;letter-spacing:.14em;color:#925f3b;margin-bottom:12px}
.mnl-home-extra figure.mnl-demo-photo{margin:0;width:100%;overflow:hidden;border-radius:12px;background:#fcfaf7;box-shadow:0 7px 28px rgba(37,26,16,.07)}
.mnl-home-extra .mnl-demo-photo img{display:block;width:100%;aspect-ratio:5/4;height:auto;max-height:420px;object-fit:contain;background:#fcfaf7}
.mnl-home-extra .wp-block-button__link{background:#875c3f;color:#fff!important;border-radius:5px;padding:14px 24px;font-weight:650;text-decoration:none}
.mnl-home-extra .wp-block-button__link:hover{background:#64412c}
.mnl-home-extra .mnl-demo-steps-wrap{text-align:center;background:#fff}
.mnl-home-extra .mnl-demo-steps{gap:18px;margin-top:30px;text-align:left}
.mnl-home-extra .mnl-demo-steps>.wp-block-column{padding:25px;border:1px solid #e7d9cb;background:#fcfaf7;border-radius:12px}
.mnl-home-extra .mnl-demo-steps h3{font-size:1.12rem;margin:0 0 13px}
.mnl-home-extra .mnl-demo-steps p{margin:0}
@media(max-width:781px){
 .mnl-home-extra{padding:10px 0 32px}
 .mnl-home-extra .mnl-demo-section{padding:24px 18px;margin:12px 0 20px;border-radius:10px}
 .mnl-home-extra .mnl-demo-row{display:flex;flex-direction:column;gap:20px}
 .mnl-home-extra .mnl-demo-row>.wp-block-column{width:100%;flex-basis:auto}
 .mnl-home-extra .mnl-demo-row .mnl-demo-photo img{max-height:340px}
 .mnl-home-extra .mnl-demo-steps{display:flex;flex-direction:column;gap:12px}
 .mnl-home-extra .mnl-demo-contact{text-align:center;padding:32px 18px}
}