/* ============================================================
   mk-menu – eigener Header (Topbar + Utility + Hauptzeile)
   Aktiv nur bei body.mk-menu-on. Divi-Header wird ausgeblendet.
   Farb-Variablen kommen aus divi-child (Fallbacks hier).
   ============================================================ */

/* Divis Header + die alte JS-Topbar verstecken, solange mk-menu aktiv ist. */
body.mk-menu-on #top-header,
body.mk-menu-on #main-header,
body.mk-menu-on #mk-topbar { display:none !important; }
body.mk-menu-on { margin-top:0 !important; }

/* ---- Grundgeruest ---- */
.mk-header{ position:relative; z-index:1000; font-family:inherit; }
.mk-header *{ box-sizing:border-box; }
.mk-bar-inner{ max-width:1200px; margin:0 auto; padding:0 24px; display:flex; align-items:center; }

/* ---- Topbar (Promo, dunkel) ---- */
.mk-topbar{ background:#0b0d1a; color:#fff; }
.mk-topbar .mk-bar-inner{ justify-content:center; gap:18px; min-height:44px; flex-wrap:wrap; }
.mk-topbar-text{ font-size:14px; }
.mk-topbar-cta{ background:var(--mk-blue,#0000F0); color:#fff; font-weight:700; text-decoration:none;
  padding:8px 16px; border-radius:8px; white-space:nowrap; line-height:1; }
.mk-topbar-cta:hover{ filter:brightness(1.08); }

/* ---- Utility-Zeile (Sekundaerlinks, gelb) ---- */
.mk-utilitybar{ background:var(--mk-yellow,#F5DA23); box-shadow:inset 0 -1px 0 rgba(11,13,26,.10); }
.mk-utilitybar .mk-bar-inner{ justify-content:flex-end; gap:22px; min-height:38px; flex-wrap:wrap; }
.mk-utility-nav{ display:flex; gap:22px; flex-wrap:wrap; }
.mk-utility-nav a{ color:var(--mk-ink,#0b0d1a); font-weight:600; font-size:13.5px; text-decoration:none; white-space:nowrap; }
.mk-utility-nav a:hover{ color:var(--mk-blue,#0000F0); }

/* ---- Hauptzeile (weiss, klebt oben) ---- */
.mk-mainbar{ position:sticky; top:0; z-index:1001; background:#fff; border-bottom:1px solid var(--mk-line,#e6e7ee);
  transition:box-shadow .2s ease; }
.admin-bar .mk-mainbar{ top:32px; }
.mk-header.is-stuck .mk-mainbar{ box-shadow:0 6px 24px rgba(11,13,26,.08); }
.mk-mainbar .mk-bar-inner{ justify-content:space-between; gap:24px; min-height:86px; }

.mk-logo{ display:inline-flex; align-items:center; flex:0 0 auto; }
.mk-logo img{ height:66px; width:auto; display:block; transition:height .2s ease; }
.mk-header.is-stuck .mk-logo img{ height:54px; }

.mk-nav-wrap{ display:flex; align-items:center; gap:26px; margin-left:auto; }
.mk-mainnav{ display:flex; align-items:center; gap:22px; }
.mk-mainnav a{ color:var(--mk-ink,#0b0d1a); font-weight:600; font-size:15px; text-decoration:none; white-space:nowrap; }
.mk-mainnav a:hover,
.mk-mainnav a.is-active{ color:var(--mk-blue,#0000F0); }
.mk-login{ color:var(--mk-ink,#0b0d1a); font-weight:600; }

.mk-actions{ display:flex; align-items:center; gap:14px; }
.mk-actions .mk-langswitch{ margin-left:0; }
.mk-cta{ background:var(--mk-yellow,#F5DA23); color:var(--mk-ink,#0b0d1a); font-weight:800; text-decoration:none;
  padding:10px 18px; border-radius:10px; white-space:nowrap; line-height:1;
  transition:transform .15s ease, box-shadow .15s ease; }
.mk-cta:hover{ transform:translateY(-1px); box-shadow:0 8px 22px rgba(245,218,35,.45); }

/* ---- Hamburger (nur mobil) ---- */
.mk-burger{ display:none; flex-direction:column; justify-content:center; gap:5px; width:46px; height:40px;
  padding:0 11px; border:1px solid rgba(0,0,0,.15); border-radius:8px; background:#fff; cursor:pointer; }
.mk-burger span{ display:block; height:2px; background:var(--mk-ink,#0b0d1a); border-radius:2px; transition:transform .2s, opacity .2s; }
.mk-header.is-open .mk-burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.mk-header.is-open .mk-burger span:nth-child(2){ opacity:0; }
.mk-header.is-open .mk-burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* ---- Mobile ---- */
@media (max-width:980px){
  .mk-burger{ display:inline-flex; }
  .mk-mainbar .mk-bar-inner{ min-height:72px; }
  .mk-nav-wrap{ position:absolute; left:0; right:0; top:100%; margin:0; display:none;
    flex-direction:column; align-items:stretch; gap:0; padding:8px 0;
    background:#fff; border-top:1px solid var(--mk-line,#e6e7ee); box-shadow:0 14px 34px rgba(0,0,0,.14); }
  .mk-header.is-open .mk-nav-wrap{ display:flex; }
  .mk-mainnav{ flex-direction:column; align-items:stretch; gap:0; }
  .mk-mainnav a,.mk-login{ padding:13px 24px; font-size:16px; }
  .mk-actions{ flex-direction:column; align-items:stretch; gap:12px; padding:14px 24px 6px; }
  .mk-actions .mk-cta{ text-align:center; }
  .mk-utilitybar{ display:none; } /* Sekundaerlinks ueberschneiden sich mit Hauptnavi */
}
@media (max-width:600px){
  .mk-bar-inner{ padding:0 16px; }
  .mk-topbar-text{ display:none; }
  .mk-topbar .mk-bar-inner{ justify-content:center; }
  .mk-logo img{ height:50px; }
}