/*
Theme Name: Mats Militaria
Description: Webshop-thema voor Mats Militaria, gebouwd voor WooCommerce.
Version: 1.0.0
Text Domain: mats-militaria
Requires PHP: 7.4
*/

:root{
  --ink:#221f16; --parchment:#e9e2cd; --parchment-dk:#dcd2b4;
  --olive:#454a30; --olive-dk:#2b2e1d; --olive-dkr:#1a1c11;
  --khaki:#8f8a5f; --brass:#a9822f; --brass-lt:#c9a648; --line:rgba(34,31,22,.22);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:150px;}
body{margin:0; background:var(--parchment); color:var(--ink); font-family:'Source Serif 4',Georgia,serif; line-height:1.55;}
h1,h2,h3,.brand,.navlink,.btn,.eyebrow,.pname,.pprice,.addbtn,.button,button,input[type=submit]{font-family:'Oswald','Arial Narrow',sans-serif;}
a{color:inherit;} img{max-width:100%; height:auto; display:block;}
.wrap{max-width:1100px; margin:0 auto; padding:0 22px;}
.screen-reader-text{position:absolute; left:-9999px;}

/* Header */
header.top{background:var(--olive-dkr); color:var(--parchment); border-bottom:4px solid var(--brass); position:sticky; top:0; z-index:50;}
.admin-bar header.top{top:32px;}
.topbar{display:flex; align-items:center; gap:16px; padding:14px 22px; flex-wrap:wrap;}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none;}
.brand img{width:52px; height:52px; border-radius:50%; border:2px solid var(--brass-lt);}
.brand-text{font-weight:700; letter-spacing:.04em; font-size:1.3rem; text-transform:uppercase;}
.brand-text small{display:block; font-family:'Source Serif 4',serif; font-style:italic; font-weight:400; letter-spacing:0; font-size:.6rem; color:var(--khaki); text-transform:none;}
nav.main-nav{display:flex; gap:18px; margin-left:auto; flex-wrap:wrap;}
.navlink{font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; opacity:.9; padding:4px 0; border-bottom:2px solid transparent; color:inherit;}
.navlink:hover{border-bottom-color:var(--brass-lt);}
.toolsrow{background:var(--olive); border-top:1px solid rgba(255,255,255,.08);}
.toolsrow .wrap{display:flex; gap:12px; padding:10px 22px; align-items:center; flex-wrap:wrap;}
.search{flex:1; min-width:180px; display:flex;}
.search input[type=search]{flex:1; padding:9px 12px; border:1px solid var(--olive-dkr); font-family:'Source Serif 4',serif; font-size:.9rem; border-radius:0;}
.search button{background:var(--brass); color:var(--olive-dkr); border:0; padding:9px 16px; font-weight:600; text-transform:uppercase; font-size:.78rem; letter-spacing:.05em; cursor:pointer;}
.cartbtn{color:var(--parchment); font-size:.82rem; letter-spacing:.03em; border:1px solid rgba(233,226,205,.35); padding:8px 14px; white-space:nowrap; background:none; cursor:pointer; font-family:'Oswald',sans-serif;}
.cartbtn:hover{border-color:var(--brass-lt);}

/* Hero & sections */
.hero{padding:44px 0 34px; text-align:center; border-bottom:1px solid var(--line);}
.eyebrow{color:var(--brass); letter-spacing:.14em; font-size:.72rem; text-transform:uppercase; margin:0 0 10px;}
.hero h1{font-size:clamp(1.7rem,4.4vw,2.7rem); margin:0 0 12px; text-transform:uppercase; letter-spacing:.02em; line-height:1.08;}
.hero p{max-width:560px; margin:0 auto; font-size:1rem; color:#3a3625;}
.section{padding:40px 0;}
.section h2, .page-title{font-family:'Oswald',sans-serif; font-size:1.35rem; text-transform:uppercase; letter-spacing:.03em; margin:0 0 20px; border-bottom:2px solid var(--olive-dk); padding-bottom:8px;}
.section h2 a{text-decoration:none;}
.more-link{display:inline-block; margin-top:16px; font-family:'Oswald',sans-serif; font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; color:var(--olive-dk);}

/* Product cards */
.pgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:16px; list-style:none; margin:0; padding:0;}
.pcard{background:#fff; border:1px solid var(--line); display:flex; flex-direction:column; position:relative;}
.pthumb{aspect-ratio:1.3/1; background:var(--parchment-dk); display:flex; align-items:center; justify-content:center; overflow:hidden;}
.pthumb img{width:100%; height:100%; object-fit:cover;}
.pthumb svg{width:52%; height:52%;}
.pbody{padding:14px 14px 16px; display:flex; flex-direction:column; gap:8px; flex:1;}
.pname{font-size:.92rem; letter-spacing:.01em; line-height:1.25; text-decoration:none; font-weight:500;}
.pmeta{font-size:.78rem; color:#5c563e; font-style:italic;}
.pfoot{margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.pprice{font-size:1.02rem; font-weight:600;}
.pprice del{opacity:.6;} .pprice ins{text-decoration:none;}
.addbtn, a.button.addbtn{background:var(--olive-dkr); color:var(--parchment); border:0; padding:8px 12px; font-size:.72rem; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; text-decoration:none; border-radius:0; font-weight:400; line-height:1.4;}
.addbtn:hover, a.button.addbtn:hover{background:var(--brass); color:var(--olive-dkr);}
.addbtn.added{display:none;} a.added_to_cart{display:none;}
.sold-section{background:var(--parchment-dk);}
.sold-section h2{border-color:var(--olive);}
.sold-intro{font-size:.88rem; color:#5c563e; font-style:italic; margin:-6px 0 20px;}
.pcard.sold{opacity:.78;}
.pcard.sold .pthumb{filter:grayscale(55%);}
.sold-badge{position:absolute; top:10px; right:10px; background:var(--olive-dkr); color:var(--brass-lt); font-family:'Oswald',sans-serif; font-size:.68rem; letter-spacing:.06em; text-transform:uppercase; padding:4px 9px; z-index:2; transform:rotate(3deg);}
.pcard.sold .pprice{text-decoration:line-through; color:#7a7460;}
.sold-tag{font-size:.72rem; color:#7a7460; font-family:'Oswald',sans-serif; letter-spacing:.03em; text-transform:uppercase;}

/* Disclaimer, contact, footer */
.disclaimer{background:var(--olive-dk); color:var(--parchment); padding:30px 0;}
.disclaimer .wrap{max-width:680px;}
.disclaimer p{font-size:.9rem; color:#cfc9ab; margin:0;}
.disclaimer strong{color:var(--brass-lt);}
.contact{background:var(--khaki); color:var(--olive-dkr); padding:44px 0;}
.contact h2{color:var(--olive-dkr); border-color:var(--olive-dkr); font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:1.35rem; border-bottom:2px solid; padding-bottom:8px; margin:0 0 20px;}
.clist{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:22px; max-width:760px; margin:0 auto 26px;}
.citem{display:flex; gap:12px; align-items:flex-start; font-size:.9rem;}
.citem .dot{width:10px; height:10px; border-radius:50%; background:var(--brass); margin-top:6px; flex-shrink:0;}
.btnrow{text-align:center;}
.btn{display:inline-block; background:var(--olive-dkr); color:var(--parchment); text-decoration:none; padding:12px 26px; font-size:.8rem; letter-spacing:.05em; text-transform:uppercase; font-weight:600;}
footer.site-footer{background:var(--olive-dkr); color:var(--khaki); text-align:center; padding:22px; font-size:.78rem; letter-spacing:.02em;}
footer .fname{color:var(--parchment); font-family:'Oswald',sans-serif;}
footer a{color:var(--khaki);}

/* Cart drawer */
.overlay{position:fixed; inset:0; background:rgba(0,0,0,.45); display:none; z-index:100;}
.overlay.open{display:block;}
.drawer{position:fixed; top:0; right:0; height:100%; width:min(380px,92vw); background:var(--parchment); z-index:101; transform:translateX(100%); transition:transform .25s ease; display:flex; flex-direction:column; box-shadow:-8px 0 24px rgba(0,0,0,.25);}
.drawer.open{transform:translateX(0);}
.drawer-head{background:var(--olive-dkr); color:var(--parchment); padding:16px 18px; display:flex; justify-content:space-between; align-items:center;}
.drawer-head h3{margin:0; font-size:1rem; text-transform:uppercase; letter-spacing:.04em;}
.drawer-head button{background:none; border:0; color:var(--parchment); font-size:1.5rem; cursor:pointer; line-height:1;}
.drawer-body{flex:1; overflow-y:auto; padding:14px 18px;}
.drawer .widget_shopping_cart_content{display:flex; flex-direction:column; min-height:100%;}
.drawer ul.woocommerce-mini-cart{list-style:none; margin:0; padding:0;}
.drawer li.woocommerce-mini-cart-item{position:relative; padding:10px 0 10px 0; border-bottom:1px solid var(--line); font-size:.88rem;}
.drawer li.woocommerce-mini-cart-item img{display:none;}
.drawer li a.remove{position:absolute; right:0; top:10px; color:#a33!important; text-decoration:none; font-size:1.2rem;}
.drawer li a:not(.remove){display:block; padding-right:24px; text-decoration:none; font-weight:500;}
.drawer .quantity{display:block; font-size:.82rem; color:#5c563e;}
.drawer p.woocommerce-mini-cart__total{display:flex; justify-content:space-between; font-size:1rem; font-weight:600; margin:14px 0;}
.drawer p.woocommerce-mini-cart__buttons{display:flex; flex-direction:column; gap:8px;}
.drawer .woocommerce-mini-cart__buttons a{display:block; text-align:center; padding:12px; font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:.04em; text-decoration:none; background:var(--olive-dkr); color:var(--parchment);}
.drawer .woocommerce-mini-cart__buttons a.checkout{background:var(--brass); color:var(--olive-dkr); font-weight:600;}
.drawer .woocommerce-mini-cart__empty-message{color:#5c563e; font-style:italic;}

/* Standaardpagina's & WooCommerce */
.content-area{padding:40px 0 60px; min-height:50vh;}
.content-area .entry-title, .woocommerce-products-header__title{font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:.03em; border-bottom:2px solid var(--olive-dk); padding-bottom:8px; font-size:1.6rem; margin:0 0 24px;}
.woocommerce ul.products{display:grid!important; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:16px; margin:0; padding:0;}
.woocommerce ul.products::before, .woocommerce ul.products::after{display:none!important;}
.woocommerce ul.products li.product{width:auto!important; margin:0!important; float:none!important;}
.woocommerce-result-count, .woocommerce-ordering select{font-size:.85rem;}
.woocommerce-ordering select{padding:6px; border:1px solid var(--line); background:#fff;}
.woocommerce .woocommerce-breadcrumb{font-size:.8rem; color:#5c563e; margin-bottom:16px;}
.woocommerce div.product{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:32px;}
.woocommerce div.product div.images, .woocommerce div.product div.summary{width:100%!important; float:none!important; margin:0!important;}
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells{grid-column:1/-1;}
.woocommerce div.product .product_title{font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:1.7rem; line-height:1.15; margin:0 0 10px;}
.woocommerce div.product p.price, .woocommerce div.product span.price{font-family:'Oswald',sans-serif; font-size:1.5rem; color:var(--ink);}
.woocommerce span.onsale{background:var(--brass); color:var(--olive-dkr); border-radius:0; min-height:0; line-height:1.6; padding:2px 10px; font-family:'Oswald',sans-serif;}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:var(--olive-dkr); color:var(--parchment); border-radius:0; font-family:'Oswald',sans-serif; font-weight:500; letter-spacing:.04em; text-transform:uppercase; padding:12px 22px;}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{background:var(--brass); color:var(--olive-dkr);}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #place_order{background:var(--brass); color:var(--olive-dkr);}
.woocommerce-message, .woocommerce-info{border-top-color:var(--brass); background:#f4efdd;}
.woocommerce-message::before, .woocommerce-info::before{color:var(--brass);}
.woocommerce table.shop_table{border-radius:0; background:#fff; border-color:var(--line);}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{border:1px solid var(--line); padding:10px; border-radius:0; font-family:inherit;}
.woocommerce-checkout #payment{background:#f4efdd; border-radius:0;}
.woocommerce-checkout #payment div.payment_box{background:#fff;}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#fff;}

@media (max-width:640px){
  nav.main-nav{width:100%; gap:14px;} .cartbtn{margin-left:auto;}
  .admin-bar header.top{top:46px;}
}

/* Contactpagina */
.contact-cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px; margin:28px 0; padding:24px; background:#fff; border:1px solid var(--line);}
.contact-cards a{color:var(--brass);}

/* Knoppen & contactformulier */
a.addbtn{display:inline-block;}
a.cartbtn{text-decoration:none;}
.mm-form{background:#fff; border:1px solid var(--line); padding:24px; max-width:640px; margin-top:12px;}
.mm-form h2{font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:1.2rem; margin:0 0 16px;}
.mm-form label{display:block; font-family:'Oswald',sans-serif; font-size:.78rem; letter-spacing:.05em; text-transform:uppercase; margin:14px 0 4px;}
.mm-form input[type=text], .mm-form input[type=email], .mm-form input[type=tel], .mm-form textarea{width:100%; padding:10px; border:1px solid var(--line); font-family:inherit; font-size:1rem; background:#fdfcf7;}
.mm-form textarea{min-height:140px;}
.mm-form button{margin-top:18px; background:var(--olive-dkr); color:var(--parchment); border:0; padding:12px 26px; font-size:.8rem; letter-spacing:.05em; text-transform:uppercase; font-weight:600; cursor:pointer;}
.mm-form button:hover{background:var(--brass); color:var(--olive-dkr);}
.mm-form .hp{position:absolute; left:-9999px;}
.mm-notice{padding:12px 16px; margin:16px 0; max-width:640px; border-left:4px solid var(--brass); background:#f4efdd;}
.mm-notice.err{border-left-color:#a33;}

/* Hamburgermenu op mobiel */
.nav-toggle{display:none; margin-left:auto; width:44px; height:40px; padding:0; background:none; border:1px solid rgba(233,226,205,.35); color:var(--parchment); cursor:pointer; flex-direction:column; justify-content:center; align-items:center; gap:5px;}
.nav-toggle span{display:block; width:22px; height:2px; background:var(--parchment); transition:transform .2s, opacity .2s;}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media (max-width:860px){
  .nav-toggle{display:flex;}
  nav.main-nav{display:none; width:100%; flex-direction:column; gap:0; margin-left:0; border-top:1px solid rgba(233,226,205,.18);}
  nav.main-nav.open{display:flex;}
  nav.main-nav .navlink{padding:13px 4px; border-bottom:1px solid rgba(233,226,205,.12); font-size:.9rem;}
  .toolsrow .wrap{flex-wrap:wrap;}
}

/* Zoekbalk + contactknop onder elkaar op mobiel */
@media (max-width:860px){
  .toolsrow .wrap{flex-direction:column; align-items:stretch; gap:10px;}
  .toolsrow .search{width:100%; flex:none; min-width:0;}
  .toolsrow .search input[type=search]{flex:1; min-width:0; width:100%;}
  .toolsrow .search button{flex-shrink:0;}
  .toolsrow .cartbtn{width:100%; margin-left:0; text-align:center; display:block;}
}

/* Menu altijd boven de productfoto en de zoomknop */
header.top{z-index:1000;}
.woocommerce div.product div.images{position:relative; z-index:1;}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{z-index:2;}
.woocommerce span.onsale{z-index:2;}

/* Zoekresultaten & productoverzicht: netjes op mobiel */
.woocommerce-products-header__title.page-title{font-size:1.4rem; line-height:1.2; word-break:break-word;}
.woocommerce .woocommerce-result-count{float:none; display:block; margin:0 0 10px; color:#5c563e; font-style:italic;}
.woocommerce .woocommerce-ordering{float:none; display:block; margin:0 0 20px; width:100%; max-width:100%;}
.woocommerce .woocommerce-ordering select{width:100%; max-width:100%; padding:10px; font-family:inherit; font-size:.95rem;}
.woocommerce ul.products{clear:both; margin:0 0 24px!important; padding:0!important; list-style:none!important;}
.woocommerce ul.products li.pcard{width:auto!important; margin:0!important; float:none!important; padding:0; list-style:none;}
.woocommerce ul.products li.pcard .pthumb{display:flex; aspect-ratio:1.3/1; overflow:hidden; margin:0;}
.woocommerce ul.products li.pcard .pthumb img{width:100%!important; height:100%!important; object-fit:cover; margin:0!important; box-shadow:none;}
.woocommerce ul.products li.pcard .pname{display:block; padding:0; margin:0; font-size:.95rem;}
.woocommerce ul.products li.pcard .pfoot{flex-wrap:wrap;}
.woocommerce nav.woocommerce-pagination{margin:10px 0 30px; text-align:center;}
.woocommerce nav.woocommerce-pagination ul{border:0; display:inline-flex; flex-wrap:wrap; gap:6px; margin:0; padding:0;}
.woocommerce nav.woocommerce-pagination ul li{border:0; float:none; overflow:visible;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{padding:8px 14px; background:#fff; border:1px solid var(--line); color:var(--ink); font-family:'Oswald',sans-serif;}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--olive-dkr); color:var(--parchment);}
.woocommerce-info, .woocommerce-message, .woocommerce-error{margin:0 0 20px!important; padding:14px 16px 14px 46px!important; word-break:break-word;}
.woocommerce .woocommerce-info .button{float:none; display:inline-block; margin-top:10px;}
@media (max-width:640px){
  .content-area{padding:24px 0 40px;}
  .woocommerce ul.products{grid-template-columns:1fr!important;}
  .woocommerce .woocommerce-breadcrumb{font-size:.75rem; line-height:1.4;}
}

/* Titel op zoek- en winkelpagina's + geen resultaten */
.woocommerce-page .page-title, .page-title{font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:.03em; border-bottom:2px solid var(--olive-dk); padding-bottom:8px; font-size:1.4rem; line-height:1.2; margin:0 0 24px; word-break:break-word;}
.mm-empty{background:#fff; border:1px solid var(--line); padding:28px 24px; text-align:center; max-width:640px; margin:0 auto 20px;}
.mm-empty h2{font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:1.2rem; letter-spacing:.03em; margin:0 0 12px; word-break:break-word; border:0; padding:0;}
.mm-empty p{margin:0 0 16px; color:#3a3625;}
.mm-chips{display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:0 0 22px;}
.mm-chips a{background:var(--olive-dk); color:var(--parchment); text-decoration:none; padding:8px 14px; font-family:'Oswald',sans-serif; font-size:.75rem; letter-spacing:.05em; text-transform:uppercase;}
.mm-chips a:hover{background:var(--brass); color:var(--olive-dkr);}
.mm-empty-contact{padding-top:18px; border-top:1px solid var(--line); font-size:.9rem;}
.mm-empty .btn{display:inline-block;}

/* Pagina-opbouw: altijd header boven, inhoud in het midden, footer onder */
html body{display:block!important; flex-direction:column; width:100%; max-width:100%; min-height:100vh;}
body > header.top, body > main.content-area, body > footer.site-footer, body > section{display:block; width:100%; float:none; clear:both;}
body > header.top .topbar{display:flex;}
body > header.top .toolsrow .wrap{display:flex;}
main.content-area{min-height:50vh;}
main.content-area > .wrap{width:100%; max-width:1100px; margin:0 auto;}
@media (max-width:860px){
  body > header.top .toolsrow .wrap{display:flex; flex-direction:column; align-items:stretch;}
}

/* Gereserveerd */
.pcard.reserved .sold-badge{background:var(--brass); color:var(--olive-dkr);}
.pcard.reserved{opacity:.95;}
.pcard.reserved .pthumb{filter:none;}
.pcard.reserved .pprice{text-decoration:none; color:var(--ink);}

/* Tabel Verkocht & Gereserveerd */
.sold-table-wrap{background:#fff; border:1px solid var(--line);}
.sold-table{width:100%; border-collapse:collapse; font-size:.92rem;}
.sold-table th{text-align:left; font-family:'Oswald',sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:.05em; font-size:.75rem; background:var(--olive-dk); color:var(--parchment); padding:10px 12px;}
.sold-table td{padding:10px 12px; border-top:1px solid var(--line); vertical-align:middle;}
.sold-table .st-thumb{width:96px;}
.sold-table .pthumb{position:relative; display:block; width:84px; aspect-ratio:1/1; border:1px solid var(--line);}
.sold-table .pthumb img{width:100%; height:100%; object-fit:cover; filter:grayscale(55%);}
.sold-table .pthumb svg{width:60%; height:60%;}
.sold-table .sold-badge{top:4px; right:4px; font-size:.55rem; padding:2px 5px; transform:rotate(3deg);}
.sold-table tr.reserved .sold-badge{background:var(--brass); color:var(--olive-dkr);}
.sold-table tr.reserved .pthumb img{filter:none;}
.sold-table .st-name a{font-family:'Oswald',sans-serif; text-decoration:none; font-size:1rem;}
.sold-table tr.sold .st-price{text-decoration:line-through; color:#7a7460;}
.sold-table small{color:#7a7460;}
@media (max-width:640px){
  .sold-table thead{display:none;}
  .sold-table, .sold-table tbody, .sold-table tr, .sold-table td{display:block; width:100%;}
  .sold-table tr{display:grid; grid-template-columns:96px 1fr; column-gap:12px; padding:12px; border-top:1px solid var(--line);}
  .sold-table tr:first-child{border-top:0;}
  .sold-table td{border:0; padding:2px 0;}
  .sold-table td.st-thumb{grid-row:1 / span 4; width:auto;}
  .sold-table td[data-label]:not(.st-thumb):not(.st-name)::before{content:attr(data-label) ": "; color:#7a7460; font-size:.78rem;}
}

/* Header (logo + zoekbalk) blijft bovenaan staan bij scrollen */
html, body{overflow-x:clip;}
body > header.top, header.top{position:sticky!important; top:0!important; z-index:1000;}
body.admin-bar > header.top{top:32px!important;}
@media (max-width:782px){ body.admin-bar > header.top{top:46px!important;} }
@media (max-width:860px){
  html{scroll-padding-top:230px;}
  nav.main-nav.open{max-height:55vh; overflow-y:auto;}
}

/* Vaste kop: blijft altijd bovenaan staan (hoogte wordt door een klein script bepaald) */
html body > header.top, html body header.top{position:fixed!important; top:var(--mm-top,0px)!important; left:0!important; right:0!important; width:100%; z-index:1000;}
html body.admin-bar > header.top{top:var(--mm-top,0px)!important;}
html body{padding-top:var(--mm-h,0px);}