/* Multipalace official logo and brand tokens (owner's logo; flyer palette: navy #0B2030, gold #F5A623, cream #FCF4E6). Loaded last on every page. */
:root{--mp-navy:#0B2030;--mp-gold:#F5A623;--mp-cream:#FCF4E6;--mp-slate:#52616B}
body .mpal-auto-header-shell .mpal-logo-link{height:auto !important;min-height:56px}
body .mpal-auto-header-shell .mpal-logo-img{width:auto !important;max-width:none !important;height:46px !important;max-height:46px !important;object-fit:contain;object-position:left center}
@media (max-width:1100px){body .mpal-auto-header-shell .mpal-logo-img{height:40px !important;max-height:40px !important}}
@media (max-width:520px){body .mpal-auto-header-shell .mpal-logo-link{min-height:48px}body .mpal-auto-header-shell .mpal-logo-img{height:34px !important;max-height:34px !important}}
#sihab-clean-mp-footer .smp-brand-logo img{width:176px;height:auto;max-width:100%}

/* Desktop header layout (15-10-2026): logo | nav (Home, Shop per Land, Shop per Categorie, Over ons, Contact, Profiel) | actions (Zoeken, Taal, Winkelmand, Begin met verkopen).
   The nav column may shrink (min-width:0) so it can never run under the actions; spacing and font scale with the viewport; nav icons drop out when space is short; the seller button keeps its full text on desktop. Mobile (<=1210px) keeps the existing compact header. */
@media (min-width:1211px){
body .mpal-auto-header-shell .mpal-auto-header-inner{grid-template-columns:auto minmax(0,1fr) auto !important;gap:clamp(8px,1.1vw,22px) !important;padding:0 clamp(14px,1.8vw,40px) !important}
body .mpal-auto-header-shell .mpal-desktop-nav{min-width:0 !important;gap:clamp(0px,.25vw,6px) !important;flex-wrap:nowrap !important;justify-content:flex-start !important}
body .mpal-auto-header-shell .mpal-nav-link,body .mpal-auto-header-shell .mpal-cat-toggle{padding:8px clamp(7px,.85vw,15px) !important;font-size:clamp(12.5px,.98vw,14px) !important;gap:clamp(5px,.5vw,9px) !important;flex:0 0 auto}
body .mpal-auto-header-shell .mpal-actions{gap:clamp(6px,.8vw,14px) !important;flex:0 0 auto}
body .mpal-auto-header-shell .mpal-lang-btn{min-width:clamp(74px,6vw,94px) !important;padding:0 clamp(8px,.9vw,14px) !important}
body .mpal-auto-header-shell .mpal-start-btn{width:auto !important;height:auto !important;min-height:46px !important;padding:0 clamp(12px,1.25vw,20px) !important;font-size:clamp(12.5px,.98vw,14px) !important;flex:0 0 auto}
body .mpal-auto-header-shell .mpal-start-btn span:not(.mpal-action-icon){display:inline !important}
body .mpal-auto-header-shell .mpal-start-btn .mpal-action-icon{display:none !important}
}
@media (min-width:1211px) and (max-width:1599px){
body .mpal-auto-header-shell .mpal-desktop-nav .mpal-nav-icon{display:none !important}
}
@media (min-width:1600px){
body .mpal-auto-header-shell .mpal-start-btn .mpal-action-icon{display:inline-flex !important}
}
/* Mobile menu (15-10-2026): while the side menu is open the bottom tab bar and the chat pill must not cover its last items (e.g. "Begin met verkopen"); demo product counts next to categories are hidden (static numbers from the old shop). */
body:has(.mpal-auto-header-shell.is-menu-open) .sdbnav-v2,body:has(.mpal-auto-header-shell.is-menu-open) #mp-chat{display:none !important}
body .mpal-auto-header-shell [class*="category-link"] small,body .mpal-auto-header-shell .mpal-country-item small,body .mpal-auto-header-shell a[class*="mpal-country"] small,body .mpal-auto-header-shell .mpal-category-panel a small{display:none !important}
/* Mobile: the fixed bottom tab bar is removed (duplicate navigation); the side menu holds everything. */
.sdbnav-v2{display:none !important}
body.mpal-nav-padding,body{padding-bottom:0 !important}

/* Mobile menu (mobile-menu.js): grouped sections, accordion for countries/categories, 48px touch targets */
.mpal-mobile-sidebar .mpal-mobile-nav{gap:0 !important;padding:6px 14px 28px !important}
.mpm-search{margin:8px 0 6px}
.mpm-sec{padding:10px 0 12px;border-top:1px solid rgba(11,32,48,.09)}
.mpm-sec:first-of-type{border-top:0}
.mpm-h{margin:0 0 6px !important;padding:0 6px;font:700 11.5px/1 Inter,system-ui,sans-serif !important;letter-spacing:.14em;text-transform:uppercase;color:#8a6a1f !important}
.mpm-link,.mpm-acc>summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 10px;border-radius:12px;color:#0B2030 !important;font:600 16px/1.2 Inter,system-ui,sans-serif;text-decoration:none !important;background:transparent;cursor:pointer;list-style:none}
.mpm-acc>summary::-webkit-details-marker{display:none}
.mpm-link:active,.mpm-acc>summary:active,.mpm-sub:active{background:#F6EBD3}
.mpm-link:hover,.mpm-acc>summary:hover{background:#FBF3E0}
.mpm-ico{width:22px;height:22px;flex:0 0 22px;color:#B97F14}
.mpm-chev{width:18px;height:18px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;color:#52616B}
details[open]>summary .mpm-chev{transform:rotate(180deg)}
.mpm-acc-body{padding:2px 0 4px 6px}
.mpm-acc-in>summary{min-height:44px;font-weight:600;font-size:15.5px;padding-left:34px}
.mpm-sub-list{display:flex;flex-direction:column;padding:0 0 6px 34px;border-left:2px solid #F0E2BF;margin-left:22px}
.mpm-sub{display:flex;align-items:center;min-height:42px;padding:0 10px;border-radius:10px;font:500 15px/1.2 Inter,system-ui,sans-serif;color:#33434e !important;text-decoration:none !important}
.mpm-sub-main{font-weight:700;color:#0B2030 !important}
.mpm-who{margin:2px 10px 6px;font-size:13px;color:#52616B}
.mpm-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin:4px 0 6px;border-radius:14px;background:#D99A27;color:#071A28 !important;font:700 16px/1 Inter,system-ui,sans-serif;text-decoration:none !important;box-shadow:0 8px 18px rgba(217,154,39,.28)}
.mpm-cta .mpm-ico{color:#071A28}
@media (prefers-reduced-motion:reduce){.mpm-chev{transition:none}}
/* Chat pill: the bottom tab bar is gone, so the pill (and the back-to-top button) sit at the normal bottom edge instead of above a bar */
@media (max-width:1024px){body #mp-chat{bottom:calc(20px + env(safe-area-inset-bottom,0px)) !important}}
@media (max-width:768px){body.mp-chat-enabled .scrollToTop{bottom:calc(26px + env(safe-area-inset-bottom,0px)) !important}}
/* menu header: readable logo, calm close button */
.mpal-auto-header-shell .mpal-mobile-top img{height:36px !important;width:auto !important;max-width:none !important}
.mpal-auto-header-shell .mpal-mobile-close{background:#fff !important;color:#0B2030 !important;border:1px solid rgba(11,32,48,.16) !important;box-shadow:none !important}
/* ---- v2 (16-10-2026): shop navigation as calm pills; no sidebar toggle; compact chat button on phones ---- */
.mps-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 22px;padding:0}
.mps-tab{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid #E3D6B8 !important;background:#fff;color:#10293B !important;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none !important;transition:background .15s,border-color .15s,color .15s}
.mps-tab:hover{background:#F8F0DD;border-color:#BC821A !important}
.mps-tab.is-active{background:#10293B;border-color:#10293B !important;color:#fff !important}
.wd-off-canvas-btn,.wd-shop-tools .wd-off-canvas-btn{display:none !important}
@media (max-width:768px){
  .mps-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:4px -16px 18px;padding:2px 16px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mps-tabs::-webkit-scrollbar{display:none}
  .mps-tab{flex:none;min-height:42px;padding:0 18px;font-size:14.5px}
  body #mp-chat .mp-chat-launch{width:56px !important;height:56px !important;min-width:0 !important;padding:0 !important;border-radius:50% !important;justify-content:center !important;gap:0 !important}
  body #mp-chat .mp-chat-launch .mp-chat-launch-copy{display:none !important}
  body #mp-chat{right:14px !important;left:auto !important}
}
/* shop / category pages: remove the legacy WoodMart sidebar + toolbar (price slider, "Filter By", per-page, view, sorting): country pills replace them */
.elementor-widget-wd_sidebar,.elementor-widget-wd_shop_archive_result_count,.elementor-widget-wd_shop_archive_per_page,.elementor-widget-wd_shop_archive_view,.elementor-widget-wd_shop_archive_orderby,.elementor-widget-wd_builder_off_canvas_column_btn{display:none !important}
.e-con:has(> .e-con-inner > .elementor-widget-wd_sidebar){display:none !important}
.archive .e-con:has(.mpal-dynamic-catalog),.archive .e-con:has(.mpal-empty-state){flex:1 1 100% !important;width:100% !important;max-width:100% !important}
.archive .elementor-widget-wd_shop_archive_woocommerce_title .title,.archive .elementor-widget-wd_shop_archive_woocommerce_title h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(32px,4vw,46px);color:#10293B;font-weight:700;margin:0 0 6px}
.archive .wd-col-offcanvas{display:none !important}
.archive .e-con-inner > .e-con-full.wd-col-content,.archive .e-con-inner > .e-con-full:has(.mpal-dynamic-catalog){flex:1 1 100% !important;max-width:100% !important}

.archive [class*='wd-col-offcanvas']{display:none !important}

/* static site: the WoodMart 'deferred content' spinners never get replaced (no WoodMart AJAX) - they stayed visible forever */
.wd-content-loader,.wd-deferred > .wd-loader,.wd-products-element .wd-loader{display:none !important}

code{overflow-wrap:anywhere;word-break:break-word}

/* site audit 16-10-2026: Multipalace has no review system yet - the WooCommerce rating/review blocks (empty histograms, overlapping stars, '0 beoordelingen') must never show */
.star-rating,.woocommerce-product-rating,.woocommerce-Reviews,#reviews,.reviews_tab,li.reviews_tab,.wd-reviews-heading,.wd-product-rating,.woocommerce-review-link,[class*='wd-reviews'],#tab-reviews,.wd-accordion-item:has(#reviews),.product-rating,.wd-rating{display:none !important}
