/* Approved desktop cards; the existing navigation controller and mobile header are shared. */
@media (min-width: 981px) {
  .site-header { padding: 30px 32px 0; }
  .site-header .site-header__inner,
  .site-header[data-scrolled='true'] .site-header__inner {
    display: block;
    width: 184px;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
  .site-header__brand { display: none; }
  .site-header__actions { display: grid; gap: 18px; }
  .site-header__actions .site-navigation__ticket {
    width: 100%;
    min-height: 66px;
    gap: 6px;
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: rotate(-3deg);
    font-size: 23px;
  }
  /* Mask only the ticket paper, keeping the protruding lock intact. */
  .site-navigation__ticket::before {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    border: 2px dashed #101c3659;
    border-radius: 4px;
    background: repeating-linear-gradient(135deg, #ffd16d 0 10px, #ffdc8b 10px 20px);
    mask:
      radial-gradient(circle at left center, transparent 8px, #000 8.5px) left / 51% 100% no-repeat,
      radial-gradient(circle at right center, transparent 8px, #000 8.5px) right / 51% 100% no-repeat;
    content: '';
  }
  .site-navigation__ticket > span,
  .site-navigation__ticket > small { position: relative; z-index: 1; }
  .site-navigation__ticket small { font-size: 9px; line-height: 1; letter-spacing: 1.6px; }
  .site-navigation__lock { z-index: 2; width: 26px; height: 30px; right: -8px; top: -13px; filter: none; }
  .site-header__toggle {
    width: 100%;
    min-height: 65px;
    gap: 19px;
    border: 1px solid #f4b0d0;
    border-radius: 7px 3px;
    background: #ef83b7;
    box-shadow: 5px 5px 0 #101c36;
    transform: rotate(3deg);
  }
  .site-header__toggle-label { font-size: 0; line-height: 1; }
  .site-header__toggle-label::after { content: 'MENU'; font-size: 19px; letter-spacing: .035em; }
  .site-header[data-menu-open] .site-header__toggle-label::after { content: 'SLUITEN'; }
  .site-header__toggle-lines,
  .site-header__toggle-lines::before,
  .site-header__toggle-lines::after { width: 23px; }
  .site-header:not([data-menu-open]) .site-header__toggle-lines::before { transform: translateY(-7px); }
  .site-header:not([data-menu-open]) .site-header__toggle-lines::after { transform: translateY(7px); }
  .site-navigation {
    top: calc(100% + 16px);
    right: 0;
    left: auto;
    width: 366px;
    max-height: calc(100dvh - 211px);
  }
  .site-navigation__list > .site-navigation__item { grid-column: 1 / -1; }
  .site-navigation__link { font-size: 20.8px; }
  .site-navigation__utilities .site-navigation__link--brochure { font-size: 12px; }
}
@media (min-width: 981px) and (hover: hover) {
  .site-header__toggle:hover { background: #f6acd0; }
}