/* Repareermij uniforme header v3.0.0 — identieke maatvoering voor WordPress en OpenCart */
:root{
  --rm300-orange:#f66f3a;
  --rm300-orange-dark:#e85c29;
  --rm300-header:#1d1e20;
  --rm300-header-bottom:#151619;
  --rm300-topbar:#0f1012;
  --rm300-white:#f6f6f6;
  --rm300-inner:1240px;
  --rm300-side:20px;
  --rm300-topbar-height:24px;
  --rm300-header-height:86px;
  --rm300-logo-size:68px;
  --rm300-action-width:148px;
  --rm300-action-height:46px;
}
.rm300-inner{width:100%!important;max-width:var(--rm300-inner)!important;margin:0 auto!important;padding-left:var(--rm300-side)!important;padding-right:var(--rm300-side)!important;box-sizing:border-box!important}
.rm300-topbar{position:relative!important;z-index:99998!important;width:100%!important;height:var(--rm300-topbar-height)!important;min-height:var(--rm300-topbar-height)!important;background:var(--rm300-topbar)!important;color:#d7d7d7!important;font:10px/1 Arial,Helvetica,sans-serif!important}
.rm300-topbar-inner{height:var(--rm300-topbar-height)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.rm300-topbar strong,.rm300-topbar a{color:#fff!important;text-decoration:none!important;font-weight:700!important}
.rm300-header{position:relative!important;z-index:99999!important;width:100%!important;height:var(--rm300-header-height)!important;background:linear-gradient(180deg,var(--rm300-header),var(--rm300-header-bottom))!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important;font-family:Arial,Helvetica,sans-serif!important}
.rm300-navrow{height:var(--rm300-header-height)!important;display:grid!important;grid-template-columns:72px minmax(0,1fr) var(--rm300-action-width)!important;align-items:center!important;gap:22px!important}
.rm300-logo,.rm300-logo img{display:block!important;width:var(--rm300-logo-size)!important;height:var(--rm300-logo-size)!important;max-width:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;position:relative!important;z-index:3!important}
.rm300-nav{min-width:0!important;height:var(--rm300-header-height)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:32px!important;margin:0!important;padding:0!important;background:transparent!important;position:relative!important;z-index:4!important}
.rm300-navlink{position:relative!important;height:var(--rm300-header-height)!important;display:inline-flex!important;align-items:center!important;color:var(--rm300-white)!important;text-decoration:none!important;white-space:nowrap!important;font:800 13px/1 Arial,Helvetica,sans-serif!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;cursor:pointer!important;touch-action:manipulation!important}
.rm300-navlink::after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:25px!important;height:2px!important;border-radius:2px!important;background:transparent!important;pointer-events:none!important}
.rm300-navlink.is-active::after{background:var(--rm300-orange)!important}
.rm300-navlink:focus,.rm300-navlink:focus-visible{outline:0!important;box-shadow:none!important}
.rm300-navlink:focus::after,.rm300-navlink:focus-visible::after{background:transparent!important}
.rm300-navlink.is-active:focus::after,.rm300-navlink.is-active:focus-visible::after{background:var(--rm300-orange)!important}
@media(hover:hover) and (pointer:fine){.rm300-navlink:hover::after{background:var(--rm300-orange)!important}}
.rm300-action{width:var(--rm300-action-width)!important;min-width:var(--rm300-action-width)!important;height:var(--rm300-action-height)!important;min-height:var(--rm300-action-height)!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:end!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:13px!important;background:var(--rm300-orange)!important;color:#fff!important;text-decoration:none!important;font:800 12px/1 Arial,Helvetica,sans-serif!important;box-shadow:0 8px 18px rgba(246,111,58,.26)!important;position:relative!important;z-index:5!important;cursor:pointer!important;touch-action:manipulation!important;overflow:visible!important}
.rm300-action:hover{background:var(--rm300-orange-dark)!important;color:#fff!important;text-decoration:none!important}
.rm300-action:focus,.rm300-action:focus-visible{outline:2px solid rgba(255,255,255,.7)!important;outline-offset:2px!important;color:#fff!important}
.rm300-action-icon{display:none!important;width:20px!important;height:20px!important;align-items:center!important;justify-content:center!important}
.rm300-action-icon svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.rm300-toggle{display:none!important;width:44px!important;height:44px!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:1px solid #444!important;border-radius:11px!important;background:#1d1d1d!important;color:#fff!important;position:relative!important;z-index:6!important;cursor:pointer!important;touch-action:manipulation!important}
.rm300-toggle svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important}
.rm300-toggle:focus,.rm300-toggle:focus-visible{outline:2px solid var(--rm300-orange)!important;outline-offset:2px!important}

/* OpenCart-winkelwagen krijgt exact dezelfde buitenmaat als de WordPress-afspraakknop. */
.rm300-cart{width:var(--rm300-action-width)!important;min-width:var(--rm300-action-width)!important;height:var(--rm300-action-height)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;justify-self:end!important;position:relative!important;z-index:5!important;pointer-events:auto!important}
.rm300-cart #cart,.rm300-cart .dropdown,.rm300-cart .btn-group{width:100%!important;height:100%!important;margin:0!important;position:relative!important;pointer-events:auto!important}
.rm300-cart button,.rm300-cart .btn{width:100%!important;min-width:100%!important;height:100%!important;min-height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:0!important;padding:0 15px!important;border:0!important;border-radius:13px!important;clip-path:none!important;background:var(--rm300-orange)!important;color:#fff!important;box-shadow:0 8px 18px rgba(246,111,58,.26)!important;font-size:0!important;line-height:1!important;transform:none!important;overflow:visible!important;pointer-events:auto!important;cursor:pointer!important}
.rm300-cart button::after,.rm300-cart .btn::after{content:'Winkelwagen'!important;display:inline-block!important;color:#fff!important;font:800 12px/1 Arial,Helvetica,sans-serif!important;pointer-events:none!important}
.rm300-cart button i,.rm300-cart .btn i,.rm300-cart button svg,.rm300-cart .btn svg{font-size:15px!important;color:#fff!important;pointer-events:none!important}
.rm300-cart .dropdown-menu{right:0!important;left:auto!important;top:100%!important;margin-top:8px!important;z-index:100500!important}
.rm300-cart .dropdown-menu.show{display:block!important}

@media(max-width:1000px){
  :root{--rm300-action-width:138px}
  .rm300-navrow{grid-template-columns:68px minmax(0,1fr) var(--rm300-action-width)!important;gap:18px!important}
  .rm300-nav{gap:22px!important}
  .rm300-navlink{font-size:12px!important}
}
@media(max-width:760px){
  :root{--rm300-side:14px;--rm300-header-height:74px;--rm300-logo-size:56px;--rm300-action-width:48px;--rm300-action-height:44px}
  .rm300-navrow{position:relative!important;grid-template-columns:58px minmax(0,1fr) var(--rm300-action-width) 44px!important;gap:8px!important}
  .rm300-action{padding:0!important}
  .rm300-action-label{display:none!important}
  .rm300-action-icon{display:flex!important}
  .rm300-toggle{grid-column:4!important;display:flex!important}
  .rm300-nav{position:absolute!important;left:var(--rm300-side)!important;right:var(--rm300-side)!important;top:68px!important;z-index:100500!important;height:auto!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:10px 16px!important;border:1px solid #393939!important;border-radius:14px!important;background:#202020!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
  .rm300-nav.is-open{display:flex!important}
  .rm300-navlink{width:100%!important;height:44px!important;justify-content:flex-start!important;border-bottom:1px solid #373737!important;font-size:14px!important}
  .rm300-navlink:last-child{border-bottom:0!important}
  .rm300-navlink::after{display:none!important}
  .rm300-cart{grid-column:3!important}
  .rm300-cart button,.rm300-cart .btn{padding:0!important}
  .rm300-cart button::after,.rm300-cart .btn::after{display:none!important}
}
@media(max-width:480px){
  :root{--rm300-side:10px;--rm300-logo-size:52px;--rm300-action-width:48px}
  .rm300-topbar{font-size:8px!important}
  .rm300-topbar-inner{gap:5px!important}
  .rm300-topbar-inner span{white-space:nowrap!important}
  .rm300-navrow{grid-template-columns:54px minmax(0,1fr) 48px 42px!important;gap:6px!important}
  .rm300-toggle{width:42px!important;height:42px!important}
}

/* WordPress-specifiek: verberg alle oudere headers, maar laat de pagina-inhoud intact. */
body.rm300-wordpress-active{margin:0!important}
body.rm300-wordpress-active #masthead,
body.rm300-wordpress-active .site-header,
body.rm300-wordpress-active .elementor-location-header,
body.rm300-wordpress-active header.wp-block-template-part,
body.rm300-wordpress-active .wp-site-blocks>header,
body.rm300-wordpress-active .header-wrapper:not(.rm300-header),
body.rm300-wordpress-active .rm250-wp-topbar,
body.rm300-wordpress-active .rm250-wp-header,
body.rm300-wordpress-active .rm251-wp-topbar,
body.rm300-wordpress-active .rm251-wp-header,
body.rm300-wordpress-active .rm252-wp-topbar,
body.rm300-wordpress-active .rm252-wp-header,
body.rm300-wordpress-active .rm253-wp-topbar,
body.rm300-wordpress-active .rm253-wp-header,
body.rm300-wordpress-active .top-bar,
body.rm300-wordpress-active .topbar,
body.rm300-wordpress-active .header-top,
body.rm300-wordpress-active .site-topbar,
body.rm300-wordpress-active .above-header,
body.rm300-wordpress-active .ast-above-header-wrap,
body.rm300-wordpress-active .et-l--header{display:none!important}
body.rm300-wordpress-active.admin-bar .rm300-topbar{margin-top:32px!important}
@media(max-width:782px){body.rm300-wordpress-active.admin-bar .rm300-topbar{margin-top:46px!important}}