/* MCNVita Layout Manager – Markenheader (Design nach mydocvita.lu).
   Maße je Gerät und Farben kommen als CSS-Variablen aus den Plugin-Einstellungen. */

.mcnlm-bh,.mcnlm-bh-dialog{--bh-white:#fff;--bh-ink-strong:#2b2c27;--bh-tile-line:#ddd8cc}
.mcnlm-bh *,.mcnlm-bh *::before,.mcnlm-bh *::after,.mcnlm-bh-dialog *,.mcnlm-bh-dialog *::before,.mcnlm-bh-dialog *::after{box-sizing:border-box}
.mcnlm-bh{position:relative;font-family:var(--bh-sans);color:var(--bh-ink);line-height:1.5}
.mcnlm-bh a,.mcnlm-bh-dialog a{text-decoration:none;box-shadow:none}
.mcnlm-bh img,.mcnlm-bh-dialog img{max-width:100%;width:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.mcnlm-bh svg,.mcnlm-bh-dialog svg{display:block}

/* ---------- Leiste ---------- */
.mcnlm-bh__bar{position:relative;display:flex;align-items:stretch;height:var(--bh-h,125px);background:var(--bh-bg,#fff);
  padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);
  transition:transform var(--bh-speed,0ms) ease,clip-path var(--bh-speed,0ms) ease,background-color var(--bh-speed,0ms) ease}
.mcnlm-bh__line{position:absolute;left:0;right:0;top:calc(var(--bh-h,125px) - 1px);height:1px;background:var(--bh-line);
  box-shadow:0 3px 6px rgba(0,0,0,.04);pointer-events:none;transition:transform var(--bh-speed,0ms) ease,box-shadow var(--bh-speed,0ms) ease}
.mcnlm-bh__brands{display:flex;min-width:0;flex:0 1 auto;margin:0;padding:0}
.mcnlm-bh .mcnlm-bh__brand{width:228px;flex:0 1 228px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  gap:var(--bh-gap,6px);padding:10px 6px var(--bh-pb,15px);position:relative;color:var(--bh-ink);cursor:pointer}
.mcnlm-bh__brand::after{content:"";position:absolute;right:0;top:20px;bottom:var(--bh-pb,15px);width:1px;background:var(--bh-line)}
.mcnlm-bh__mark{display:flex;align-items:flex-end;justify-content:center;max-width:100%;transform-origin:50% 100%;
  transition:transform var(--bh-speed,0ms) ease}
.mcnlm-bh__mark img{display:block;height:calc(var(--bh-logo,82px) * var(--s,1));max-height:var(--bh-logo,82px)}
.mcnlm-bh__brand:hover img{opacity:.85}
.mcnlm-bh__sub{font-family:var(--bh-sans);font-size:var(--bh-sub,15px);letter-spacing:.02em;text-transform:uppercase;line-height:1;white-space:nowrap;
  color:var(--bh-ink);transition:opacity var(--bh-speed,0ms) ease}
.mcnlm-bh__brand[aria-current="true"] .mcnlm-bh__sub{color:var(--bh-ink-strong)}
.mcnlm-bh__name{font-weight:700;font-size:18px;color:var(--bh-ink-strong);text-align:center;overflow-wrap:anywhere}
.mcnlm-bh__spacer{flex:1 1 auto}
.mcnlm-bh .mcnlm-bh__burger{flex:0 0 77px;display:flex;align-items:center;justify-content:center;color:#444;position:relative;cursor:pointer}
.mcnlm-bh__burger::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--bh-line)}
.mcnlm-bh__burger svg,.mcnlm-bh__float svg{width:22px;height:20px;fill:currentColor;transition:transform var(--bh-speed,0ms) ease}
.mcnlm-bh .mcnlm-bh__float{position:absolute;top:0;right:max(8px,env(safe-area-inset-right,0px));width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  background:var(--bh-bg-c,#fff);color:#444;border-radius:0 0 6px 6px;box-shadow:0 2px 10px rgba(0,0,0,.15);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--bh-speed,0ms) ease,visibility var(--bh-speed,0ms)}

/* Farben bleiben auch bei Hover/Fokus/Klick (Theme-Stile für Links neutralisieren) */
.mcnlm-bh a.mcnlm-bh__brand:hover,.mcnlm-bh a.mcnlm-bh__brand:focus,.mcnlm-bh a.mcnlm-bh__brand:active{color:var(--bh-ink);background:transparent}
.mcnlm-bh a.mcnlm-bh__burger:hover,.mcnlm-bh a.mcnlm-bh__burger:focus,.mcnlm-bh a.mcnlm-bh__burger:active,
.mcnlm-bh a.mcnlm-bh__float:hover,.mcnlm-bh a.mcnlm-bh__float:focus,.mcnlm-bh a.mcnlm-bh__float:active{color:#444}
.mcnlm-bh a:focus-visible,.mcnlm-bh-dialog a:focus-visible{outline:2px solid var(--bh-olive);outline-offset:2px;box-shadow:none}

/* Geräteabhängige Regeln (Tablet/Smartphone) erzeugt das Plugin mit den zentralen Breakpoints. */

/* ---------- Zustände des Header-Verhaltens (nur transform/clip-path/opacity → kein Layoutsprung) ---------- */
#mcnlm-header.is-compact .mcnlm-bh__bar{clip-path:inset(0 0 calc(var(--bh-h) - var(--bh-hc)) 0);background:var(--bh-bg-c,#fff)}
#mcnlm-header.is-compact .mcnlm-bh__mark{transform:translateY(var(--bh-dy)) scale(var(--bh-k))}
#mcnlm-header.is-compact .mcnlm-bh__sub{opacity:0;visibility:hidden}
#mcnlm-header.is-compact .mcnlm-bh__brand::after{transform:translateY(calc(var(--bh-hc) - var(--bh-h)))}
#mcnlm-header.is-compact .mcnlm-bh__burger svg{transform:translateY(var(--bh-burger-dy))}
#mcnlm-header.is-compact .mcnlm-bh__line{transform:translateY(calc(var(--bh-hc) - var(--bh-h)))}
#mcnlm-header.is-hidden .mcnlm-bh__bar,#mcnlm-header.is-hidden .mcnlm-bh__line{transform:translateY(calc(-1 * var(--bh-h) - 30px))}
#mcnlm-header.is-hidden.is-compact .mcnlm-bh__line{transform:translateY(calc(-1 * var(--bh-h) - 30px))}
#mcnlm-header.is-hidden.has-float .mcnlm-bh__float{opacity:1;visibility:visible;pointer-events:auto}
#mcnlm-header.mcnlm-area--brand .mcnlm-bh__bar{pointer-events:auto}
@media (prefers-reduced-motion:reduce){
  .mcnlm-bh__bar,.mcnlm-bh__line,.mcnlm-bh__mark,.mcnlm-bh__sub,.mcnlm-bh__float,.mcnlm-bh__burger svg{transition:none!important}
}

/* ---------- Menü ---------- */
.mcnlm-bh__view{flex-direction:column;height:100%;background:var(--bh-cream);color:var(--bh-ink)}
/* Ohne JavaScript: Anker öffnen die Marke als fest positioniertes Panel */
.mcnlm-bh:not(.is-js) .mcnlm-bh__view{display:none}
.mcnlm-bh:not(.is-js) .mcnlm-bh__view:target{display:flex;position:fixed;top:0;right:0;bottom:0;width:330px;max-width:100%;z-index:100000;box-shadow:-6px 0 24px rgba(0,0,0,.15);overflow:auto}
.mcnlm-bh-dialog .mcnlm-bh__view{display:flex}
.mcnlm-bh-dialog .mcnlm-bh__view[hidden]{display:none!important}
html.mcnlm-bh-lock{overflow:hidden;scrollbar-gutter:stable}
dialog.mcnlm-bh-dialog{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;width:330px;max-width:100%;height:100%;max-height:100%;
  background:var(--bh-cream);color:var(--bh-ink);box-shadow:-6px 0 24px rgba(0,0,0,.15);overflow:hidden;font-family:var(--bh-sans);line-height:1.5}
dialog.mcnlm-bh-dialog[open]{animation:mcnlm-bh-in .22s ease-out}
dialog.mcnlm-bh-dialog::backdrop{background:rgba(0,0,0,.8)}
dialog.mcnlm-bh-dialog .mcnlm-bh__panel{height:100%}
@keyframes mcnlm-bh-in{from{transform:translateX(24px);opacity:.6}to{transform:none;opacity:1}}
.mcnlm-bh-dialog .mcnlm-bh__view:not([hidden]){animation:mcnlm-bh-fade .16s ease-out}
@keyframes mcnlm-bh-fade{from{opacity:.35}to{opacity:1}}
@media (max-width:400px){dialog.mcnlm-bh-dialog,.mcnlm-bh:not(.is-js) .mcnlm-bh__view:target{width:100%}}
@media (prefers-reduced-motion:reduce){dialog.mcnlm-bh-dialog[open],.mcnlm-bh-dialog .mcnlm-bh__view:not([hidden]){animation:none}}

.mcnlm-bh__top{display:flex;justify-content:flex-end;padding:60px 18px 0;flex:0 0 auto}
.mcnlm-bh-dialog a.mcnlm-bh__close,.mcnlm-bh a.mcnlm-bh__close{width:32px;height:30px;border:3px solid var(--bh-olive);border-radius:3px;color:var(--bh-olive);background:transparent;display:flex;align-items:center;justify-content:center}
.mcnlm-bh__close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round}
.mcnlm-bh__scroll{flex:1 1 auto;overflow:auto;padding:4px 34px 20px;overscroll-behavior:contain}
.mcnlm-bh__logo{display:flex;justify-content:center;margin:0 0 22px;padding:0;font-size:22px;line-height:1.2;font-family:var(--bh-sans);color:var(--bh-ink-strong)}
.mcnlm-bh__logo:focus{outline:none}
.mcnlm-bh__logo:focus-visible{outline:2px solid var(--bh-olive);outline-offset:6px}
.mcnlm-bh__logo img{display:block;max-width:100%}
.mcnlm-bh__intro{font-family:var(--bh-sans);font-size:16.5px;line-height:1.45;color:#3d3e38;margin:-6px 0 18px}
.mcnlm-bh__group + .mcnlm-bh__group{margin-top:14px}
.mcnlm-bh__gtitle{margin:0 0 4px;font-family:var(--bh-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bh-olive)}
.mcnlm-bh__links{list-style:none;margin:0;padding:0 0 0 10px;display:grid;gap:4px}
.mcnlm-bh__links--sub{padding-left:36px;gap:0}
.mcnlm-bh__links li{margin:0;padding:0}
.mcnlm-bh-dialog .mcnlm-bh__links a,.mcnlm-bh .mcnlm-bh__links a{display:flex;align-items:center;gap:14px;padding:5px 0;color:var(--bh-ink);font-family:var(--bh-serif);font-size:17px;font-weight:500;line-height:1.3}
.mcnlm-bh-dialog .mcnlm-bh__links a:hover,.mcnlm-bh-dialog .mcnlm-bh__links a:focus{color:var(--bh-ink)}
.mcnlm-bh__links--sub a{font-size:15.5px;padding:3px 0}
.mcnlm-bh__links a:hover .mcnlm-bh__ltext{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bh-olive)}
.mcnlm-bh__ltext small{display:block;font-family:var(--bh-sans);font-size:12px;opacity:.8}
.mcnlm-ico{width:22px;height:22px;flex:0 0 22px;fill:var(--bh-olive)}
.mcnlm-ico .mcnlm-ico-bg{fill:var(--bh-cream)}

.mcnlm-bh__more{margin-top:34px}
.mcnlm-bh__more h3{margin:0 0 10px;font-family:var(--bh-sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bh-olive);text-align:center}
.mcnlm-bh__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mcnlm-bh-dialog a.mcnlm-bh__tile,.mcnlm-bh a.mcnlm-bh__tile{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:8px 4px;
  background:var(--bh-white);border:1px solid var(--bh-tile-line);border-radius:3px;color:var(--bh-ink);transition:border-color .15s,box-shadow .15s}
.mcnlm-bh-dialog a.mcnlm-bh__tile:hover,.mcnlm-bh-dialog a.mcnlm-bh__tile:focus{border-color:var(--bh-olive);box-shadow:0 3px 8px rgba(0,0,0,.08);color:var(--bh-ink)}
.mcnlm-bh__tile img{display:block;height:38px;max-height:38px}
.mcnlm-bh__tile .mcnlm-bh__sub{font-size:8.5px;letter-spacing:.04em}
.mcnlm-bh__tile .mcnlm-bh__name{font-size:12px}

.mcnlm-bh__actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:22px;padding:18px 20px calc(22px + env(safe-area-inset-bottom,0px))}
.mcnlm-bh-dialog a.mcnlm-bh__btn,.mcnlm-bh a.mcnlm-bh__btn{display:inline-block;text-align:center;padding:13px 33px;font-family:var(--bh-sans);font-size:12px;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;line-height:1.3;box-shadow:0 7px 14px rgba(0,0,0,.22)}
.mcnlm-bh-dialog a.mcnlm-bh__btn--line,.mcnlm-bh a.mcnlm-bh__btn--line{border:2px solid var(--bh-olive);color:var(--bh-olive);background:var(--bh-cream);padding:11px 33px}
.mcnlm-bh-dialog a.mcnlm-bh__btn--solid,.mcnlm-bh a.mcnlm-bh__btn--solid{background:var(--bh-olive);color:#fff;border:1px solid #fff}
.mcnlm-bh-dialog a.mcnlm-bh__btn--line:hover,.mcnlm-bh-dialog a.mcnlm-bh__btn--line:focus{background:var(--bh-white);color:var(--bh-olive)}
.mcnlm-bh-dialog a.mcnlm-bh__btn--solid:hover,.mcnlm-bh-dialog a.mcnlm-bh__btn--solid:focus{filter:brightness(.88);color:#fff}