/* ================= MJ Vloer & Blind - thema-stijl ================= */
:root{
  --mj-navy:#002F72; --mj-navy-900:#022353; --mj-ink:#14161C; --mj-muted:#6B7280;
  --mj-line:#E7E9EF; --mj-paper:#F5F6F9; --mj-white:#fff; --mj-sale:#B23B2E; --mj-ok:#1F7A4D;
  --mj-shadow:0 1px 2px rgba(20,22,29,.04), 0 10px 26px -14px rgba(20,22,29,.18);
  --mj-shadow-lg:0 26px 64px -30px rgba(2,35,83,.42);
}
body{background:var(--mj-paper);color:var(--mj-ink)}
a{color:var(--mj-navy)}
.mj-wide{max-width:1240px;margin-inline:auto}

/* ---------- Subtiele scroll-reveal ---------- */
.mj-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.mj-reveal.is-visible{opacity:1;transform:none}
.mj-parallax{will-change:transform}
@media (prefers-reduced-motion:reduce){.mj-reveal{opacity:1!important;transform:none!important;transition:none}.mj-parallax{transform:none!important}}

/* ---------- Topbalk USP ---------- */
.mj-topbar{background:var(--mj-navy);color:#e7eefb;font-size:13px}
.mj-topbar p{margin:0;padding:9px 24px;text-align:center}
.mj-topbar strong{font-weight:600}

/* ---------- Header ---------- */
.wp-block-template-part header, .mj-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--mj-line)}
.mj-header .wp-block-site-logo img{height:46px;width:auto}
.mj-header .wp-block-navigation{font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:14.5px}
.mj-header .wp-block-search__button, .wp-block-search__button{background:var(--mj-navy);color:#fff;border-radius:999px}
.wp-block-search__input{border-radius:999px;border:1px solid var(--mj-line);background:var(--mj-paper)}

/* ---------- Knoppen ---------- */
.wp-block-button__link{background:var(--mj-navy);color:#fff;border-radius:999px;font-family:Manrope,system-ui,sans-serif;font-weight:700;padding:14px 26px;position:relative;overflow:hidden;transition:.2s}
.wp-block-button__link:hover{background:#0a3c86;transform:translateY(-2px);box-shadow:var(--mj-shadow-lg)}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--mj-navy);border:1.5px solid var(--mj-navy)}
.is-style-outline .wp-block-button__link:hover{background:var(--mj-navy);color:#fff}

/* ---------- Hero ---------- */
.mj-hero{overflow:hidden}
.mj-hero .mj-hero-media{background:linear-gradient(150deg,#d8bd94,#c4a877);min-height:min(72vh,600px)}
.mj-hero h1{font-size:clamp(34px,5vw,60px)}
.mj-eyebrow{font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mj-navy)}

/* ---------- USP-balk ---------- */
.mj-usp{background:var(--mj-navy);color:#e7eefb}
.mj-usp .wp-block-column{font-family:Manrope,system-ui,sans-serif}
.mj-usp strong{display:block;font-weight:700;font-size:15px;color:#fff}
.mj-usp span{font-size:12.5px;color:#aebfe0}

/* ---------- Sectiekoppen ---------- */
.mj-section{padding-block:60px}
.mj-section h2{font-size:clamp(26px,3.4vw,38px)}

/* ---------- WooCommerce productkaarten (rustig gestyled) ---------- */
.woocommerce ul.products li.product, .wc-block-grid__product{background:var(--mj-white);border:1px solid var(--mj-line);border-radius:14px;overflow:hidden;transition:.24s;text-align:left;padding:0!important}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--mj-shadow-lg);border-color:transparent}
.woocommerce ul.products li.product img{border-radius:0;margin-bottom:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:16px;padding:12px 16px 0}
.woocommerce ul.products li.product .price{display:block;padding:4px 16px 14px;font-family:Manrope,system-ui,sans-serif;font-weight:800;color:var(--mj-ink)}
.woocommerce ul.products li.product .price del{color:var(--mj-muted);font-weight:600;margin-right:6px}
.woocommerce ul.products li.product .button{margin:0 16px 16px;border-radius:999px}
.woocommerce span.onsale{background:var(--mj-sale);border-radius:999px;font-family:Manrope,system-ui,sans-serif}

/* Productpagina: rustige, subtiele reveal enkel op de producttekst */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-Tabs-panel{animation:mjfade .6s ease both}
@keyframes mjfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.single-product .woocommerce-product-details__short-description,.single-product .woocommerce-Tabs-panel{animation:none}}

/* ---------- Samples / CTA blok ---------- */
.mj-cta{background:var(--mj-navy);color:#fff;border-radius:14px}
.mj-cta h2{color:#fff}
.mj-cta p{color:#c3d2ee}
.mj-cta .wp-block-button__link{background:#fff;color:var(--mj-navy)}
.mj-cta .wp-block-button__link:hover{background:#eef2fb}

/* ---------- Footer ---------- */
.mj-footer{background:var(--mj-navy-900);color:#c6d2e8}
.mj-footer h2,.mj-footer h3,.mj-footer strong{color:#fff}
.mj-footer a{color:#a9b8d6}
.mj-footer a:hover{color:#fff}

/* ---------- Responsive ---------- */
@media (max-width:781px){
  .mj-hero .mj-hero-media{min-height:300px}
  .mj-header .wp-block-site-logo img{height:40px}
}

/* ---------- Categorie-menu (tweede rij) ---------- */
.mj-header .wp-block-navigation{border-top:1px solid var(--mj-line);padding-block:6px;font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:14.5px}
.mj-header .wp-block-navigation a{color:var(--mj-ink)}
.mj-header .wp-block-navigation a:hover{color:var(--mj-navy)}
.mj-header .wp-block-navigation .wp-block-navigation-submenu__toggle{color:inherit}

/* ---------- Categorie-tegels (cover) ---------- */
.mj-section .wp-block-cover{transition:transform .28s, box-shadow .28s}
.mj-section .wp-block-cover:hover{transform:translateY(-4px);box-shadow:var(--mj-shadow-lg)}
.mj-section .wp-block-cover h3{margin:0}
.mj-section .wp-block-cover h3 a{color:#fff;text-decoration:none;font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:20px}
.wp-block-cover.mj-hero .mj-eyebrow{color:#fff}

/* ---------- Reviews ---------- */
.mj-section .wp-block-column.has-border-color{background:var(--mj-white);box-shadow:var(--mj-shadow)}