/* Orvenzia — Mobile header: white + visible burger icon
   Drop-in override, no desktop impact. Paste as assets/css/m-burger-quickfix.css
*/

/* === Global mobile header becomes white (up to tablets) === */
@media (max-width: 1024px) {
  /* Header shells */
  header,
  .header,
  .mobile-header,
  .nav,
  .nav-shell,
  .nav-mobile,
  .nav-bar,
  .topbar {
    background: #ffffff !important;
    color: #0A0D0F !important; /* ink */
  }

  /* Links/tekst i header */
  header a,
  .header a,
  .nav a,
  .nav li a,
  .nav .menu a,
  .mobile-menu a {
    color: #0A0D0F !important;
  }

  /* SVG ikoner i header/bars */
  header svg,
  .header svg,
  .nav svg,
  .hamburger svg,
  .menu-toggle svg {
    color: #0A0D0F !important;
    fill: #0A0D0F !important;
    stroke: #0A0D0F !important;
  }
  header svg path,
  .header svg path,
  .nav svg path,
  .hamburger svg path,
  .menu-toggle svg path {
    fill: none !important;
    stroke: #0A0D0F !important;
    stroke-width: 2px;
  }

  /* “Start Screening” skal forblive sort – også ved hover */
  .start-screening,
  .btn-start-screening,
  a[href*="screening"].header_cta,
  .nav .btn-primary {
    background: #22C55E !important; /* green */
    color: #000000 !important; /* black text */
  }
  .start-screening:hover,
  .btn-start-screening:hover,
  a[href*="screening"].header_cta:hover,
  .nav .btn-primary:hover {
    background: #22C55E !important; /* green */
    color: #000000 !important; /* black text */
  }

  /* Åbnet mobilmenu-panel */
  .nav-panel,
  .menu-panel,
  .mobile-menu,
  .m-nav,
  .drawer,
  .offcanvas {
    background: #ffffff !important;
    color: #0A0D0F !important;
    border-color: #E6E6E6 !important;
  }
}

/* === JS-injected burger (.m-burger from assets/js/m.nav.v4.js) === */
@media (max-width: 860px) {
  /* Selve knappen */
  .m-burger{
    background: #ffffff !important;
    border: 1.5px solid #0A0D0F !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
  }
  /* De tre linjer */
  .m-burger .bar{
    width: 22px !important;
    height: 2px !important;
    background: #0A0D0F !important; /* sorte linjer */
    display: block !important;
    margin: 3px 0 !important;
    opacity: 1 !important;
  }

  /* Slideout-panel fra m.nav.v4.js */
  #m-panel{
    background: #ffffff !important;
    color: #0A0D0F !important;
    border: 1px solid #E6E6E6 !important;
  }
  #m-panel a{ color: #0A0D0F !important; }
  #m-panel a.cta{ border-color: #0A0D0F33 !important; }
}

/* === Fallbacks til andre burger-varianter (span/SVG/pseudo) === */
@media (max-width: 1024px) {
  /* Klassiske "hamburger" varianter */
  .hamburger,
  .menu-toggle,
  .mobile-toggle,
  .nav-toggle {
    background: #ffffff !important;
    border: 1.5px solid #0A0D0F !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  .hamburger span,
  .hamburger .line,
  .menu-toggle span,
  .nav-toggle span,
  .mobile-toggle span,
  .hamburger::before,
  .hamburger::after,
  .menu-toggle::before,
  .menu-toggle::after {
    background: #0A0D0F !important;
    border-color: #0A0D0F !important;
    opacity: 1 !important;
  }

  /* Image-baserede ikoner (PNG/SVG som <img>) */
  .hamburger img,
  .menu-toggle img,
  .nav-toggle img,
  .mobile-toggle img {
    filter: invert(0) brightness(0) contrast(1.2) !important; /* gør sort */
    opacity: 1 !important;
  }
}

/* --- Ensure 'Start Screening' text is visible inside the mobile slideout panel --- */
@media (max-width: 860px){
  #m-panel a.cta,
  #m-panel a[href*="screening"],
  #m-panel .btn,
  #m-panel .btn-primary,
  #m-panel .start-screening {
    background:#22C55E !important; /* green */
    color:#000000 !important;      /* black text */
    -webkit-text-fill-color:#000000 !important;
    text-shadow:none !important;
    opacity:1 !important;
    mix-blend-mode:normal !important;
  }
  #m-panel a.cta:hover,
  #m-panel a[href*="screening"]:hover,
  #m-panel .btn:hover,
  #m-panel .btn-primary:hover,
  #m-panel .start-screening:hover {
    background:#22C55E !important; /* green */
    color:#000000 !important;      /* black text */
    -webkit-text-fill-color:#000000 !important;
  }
}

/* --- Mobile case/hero card readability: prevent text overlap --- */
@media (max-width: 540px){
  /* Eyebrow/kicker/subtitle must stack above the title */
  .case-card .eyebrow,
  .case .eyebrow,
  .card .eyebrow,
  .case-card .kicker,
  .card .kicker,
  .case-card .subtitle,
  .card .subtitle,
  .case-card small.eyebrow,
  .card small.eyebrow {
    position: static !important;
    transform: none !important;
    display: block !important;
    margin: 0 0 6px !important;
  }

  /* Title: increase line-height and remove underline/border/pseudo lines */
  .case-card h1, .case-card h2, .case-card h3,
  .card h1, .card h2, .card h3 {
    line-height: 1.18 !important;
    margin: 0 0 10px !important;
    text-decoration: none !important;
    border: 0 !important;
  }
  .case-card h1 a, .case-card h2 a, .case-card h3 a,
  .card h1 a, .card h2 a, .card h3 a,
  .case-card h1 u, .case-card h2 u, .case-card h3 u,
  .card h1 u, .card h2 u, .card h3 u {
    text-decoration: none !important;
    border: 0 !important;
  }
  .case-card h1::after, .case-card h2::after, .case-card h3::after,
  .card h1::after, .card h2::after, .card h3::after {
    content: none !important;
  }

  /* Lead/strapline below the title should have breathing room */
  .case-card .lead, .card .lead, .case-card p.lead, .card p.lead {
    margin-top: 8px !important;
    line-height: 1.4 !important;
  }
}

/* --- MOBILE CARD FIX: ensure headings, eyebrow and lead don't overlap in cards --- */
@media (max-width: 600px){
  /* Target common card wrappers */
  .card, .case-card, .hero-card, .case {
    position: relative;
  }

  /* Eyebrow/kicker/subtitle must sit above title, not overlap */
  .card .eyebrow, .case-card .eyebrow, .hero-card .eyebrow,
  .card .kicker,  .case-card .kicker,  .hero-card .kicker,
  .card .subtitle,.case-card .subtitle,.hero-card .subtitle,
  .card small.eyebrow, .case-card small.eyebrow, .hero-card small.eyebrow {
    position: static !important;
    transform: none !important;
    display: block !important;
    margin: 0 0 6px !important;
  }

  /* Headings: more line-height & spacing, kill underline/borders/pseudo lines */
  .card h1, .card h2, .card h3,
  .case-card h1, .case-card h2, .case-card h3,
  .hero-card h1, .hero-card h2, .hero-card h3 {
    line-height: 1.22 !important;
    margin: 0 0 10px !important;
    text-decoration: none !important;
    border: 0 !important;
    background-image: none !important;
  }
  .card h1 a, .card h2 a, .card h3 a,
  .case-card h1 a, .case-card h2 a, .case-card h3 a,
  .hero-card h1 a, .hero-card h2 a, .hero-card h3 a,
  .card h1 u, .card h2 u, .card h3 u,
  .case-card h1 u, .case-card h2 u, .case-card h3 u,
  .hero-card h1 u, .hero-card h2 u, .hero-card h3 u {
    text-decoration: none !important;
    border: 0 !important;
    text-underline-offset: 0 !important;
    text-decoration-thickness: auto !important;
  }
  .card h1::before, .card h1::after,
  .card h2::before, .card h2::after,
  .card h3::before, .card h3::after,
  .case-card h1::before, .case-card h1::after,
  .case-card h2::before, .case-card h2::after,
  .case-card h3::before, .case-card h3::after,
  .hero-card h1::before, .hero-card h1::after,
  .hero-card h2::before, .hero-card h2::after,
  .hero-card h3::before, .hero-card h3::after {
    content: none !important;
  }

  /* Lead/strapline should not crash into title */
  .card .lead, .case-card .lead, .hero-card .lead,
  .card p.lead, .case-card p.lead, .hero-card p.lead {
    margin-top: 8px !important;
    line-height: 1.4 !important;
  }

  /* Safety: remove negative margins on heading & eyebrow within cards */
  .card h1, .card h2, .card h3,
  .case-card h1, .case-card h2, .case-card h3,
  .hero-card h1, .hero-card h2, .hero-card h3,
  .card .eyebrow, .case-card .eyebrow, .hero-card .eyebrow {
    margin-top: max(0px, var(--heading-mt, 0)) !important;
  }
}