/* MER Kapital: UI/UX-runde 2026-09-27.
   Lastes etter merkapital.css via inc/merkapital-uiux.php. */

/* 1. Én sidetittel. Sider med egen topp skjuler temaets tittel server-side
   (filteret generate_show_title i inc/merkapital-uiux.php). Dette er reserve. */
body:has(.entry-content>.mk-hero) .entry-header,
body:has(.entry-content>.mk-kalk-topp) .entry-header{display:none!important}

/* Eyebrow i toppen er nå sidens eneste merkelapp: litt større, med strek foran */
.mk-hero__inner>.mk-eyebrow,.mk-kalk-topp .mk-eyebrow,.mk-book-topp .mk-eyebrow,.mk-arkiv-topp .mk-eyebrow{
  font-size:clamp(.8rem,.74rem + .3vw,.94rem);letter-spacing:.14em;font-weight:500;
  display:inline-flex;align-items:center;gap:12px}
.mk-hero__inner>.mk-eyebrow::before,.mk-kalk-topp .mk-eyebrow::before,.mk-book-topp .mk-eyebrow::before,.mk-arkiv-topp .mk-eyebrow::before{
  content:"";width:24px;height:2px;border-radius:2px;background:currentColor;flex:0 0 auto}

/* Litt mørkere korall på lys bakgrunn, så liten tekst når 4,5:1 */
:root{--mk-acc-deep:#B83B2A}

/* 2. Header: ingen linjebrytning, burger fra nettbrettbredde */
.nx-nav{z-index:1000!important}
.nx-nav__logo,.nx-btn,.nx-menu a{white-space:nowrap}
.nx-burger{width:44px;height:44px;flex:0 0 44px}
@media (max-width:1140px){
  .nx-nav__menu{display:none!important}
  .nx-burger{display:block!important}
  .nx-nav{gap:12px}
  .nx-nav .nx-btn--login{margin-left:auto}
}
@media (max-width:640px){
  .nx-nav .nx-btn--login{display:none!important}
  .nx-nav .nx-btn--nav{display:inline-flex!important;align-items:center;margin-left:auto;
    min-height:44px;padding:0 16px!important;font-size:.86rem}
  .nx-burger{margin-right:-8px}
}
@media (max-width:360px){
  .nx-nav{padding-left:16px!important;padding-right:16px!important;gap:8px}
  .nx-nav__logo{font-size:.95rem}
  .nx-nav .nx-btn--nav{padding:0 12px!important;font-size:.8rem}
}

/* Mobilmenyen: under headeren, venstrejustert, store trykkflater */
.nx-mobile{padding:104px 24px 36px!important;justify-content:flex-start!important;align-items:stretch!important;
  gap:28px!important;overflow-y:auto}
.admin-bar .nx-mobile{padding-top:150px!important}
.nx-menu-mobile{gap:0!important;width:100%;max-width:520px;margin:0 auto!important;align-items:stretch!important;text-align:left}
.nx-menu-mobile li{border-bottom:1px solid var(--mk-rule-navy)}
.nx-menu-mobile a{display:block;padding:17px 2px;font-size:1.2rem!important;font-weight:600!important;color:#fff!important}
.nx-menu-mobile .current-menu-item>a{color:var(--mk-acc)!important}
.nx-mobile>.nx-btn{display:flex!important;justify-content:center;align-items:center;width:100%;max-width:520px;
  margin:0 auto;min-height:54px;padding:0 22px!important;font-size:1rem}
.nx-mobile>.nx-btn--primary{order:1;margin-top:8px}
.nx-mobile>.nx-btn--ghost{order:2;margin-top:-14px}
body:has(.nx-mobile.is-open){overflow:hidden}

/* 3. Teambilder: sirkelen i portrettet er alltid bildets fulle høyde.
   Bildet fyller derfor rammens høyde og sentreres, uansett sideforhold. */
.mk-person__bilde{position:relative;background:#fff}
.mk-person__bilde img{position:absolute;top:0;left:50%;width:auto!important;height:100%!important;
  max-width:none!important;transform:translateX(-50%)}
.mk-person--leder .mk-person__bilde{height:auto;min-height:0;aspect-ratio:1/1;align-self:center}
@media (max-width:860px){
  .mk-person--leder .mk-person__bilde{aspect-ratio:4/3}
}

/* 4. Luft øverst: headeren ligger nå i flyten, den gamle avstanden for
   flytende meny trengs ikke */
body:not(.home) .site-content{padding-top:40px!important}
body:has(.entry-content>.mk-hero) .site-content,
body:has(.entry-content>.mk-kalk-topp) .site-content,
body:has(.entry-content>.mk-book-topp) .site-content{padding-top:0!important}

/* 5. Innsikt: topp med H1 og ingress */
.mk-arkiv-topp{grid-column:1/-1;margin:0 0 18px;padding:0}
.blog .site-main{padding-top:clamp(1.5rem,3vw,2.5rem)!important}
.mk-arkiv-topp .mk-eyebrow{color:var(--mk-acc-deep)}
.mk-arkiv-topp h1{font-size:clamp(2rem,4.4vw,3rem);margin:14px 0 0;color:var(--mk-navy);max-width:22ch}
.mk-arkiv-topp .mk-ingress{margin:16px 0 0}

/* 6. Innlegg: bloggbildet ligger allerede øverst i teksten, vis det ikke to ganger */
.single-post .featured-image.page-header-image-single{display:none}

/* 7. Kontakt: tydelig H1 */
.mk-side-h1{font-size:clamp(2rem,4.4vw,3rem);margin:12px 0 0;color:var(--mk-navy);max-width:22ch}
.mk-side-topp{margin:0 0 8px}
.mk-side-topp .mk-eyebrow{color:var(--mk-acc-deep);display:inline-flex;align-items:center;gap:12px;
  font-size:clamp(.8rem,.74rem + .3vw,.94rem);letter-spacing:.14em;font-weight:500}
.mk-side-topp .mk-eyebrow::before{content:"";width:24px;height:2px;border-radius:2px;background:currentColor}