/* ==========================================================================
   MTA — MORPHE TRANSFORMATION ARCHITECT
   TARGET: /bedriftsnettside/ (Websites Surface)
   SCOPE: body[data-ws-websites-surface="1"] main
   ========================================================================== */

body[data-ws-websites-surface="1"] main {
  --mta-ease: cubic-bezier(0.2, 0, 0, 1);
  --mta-trans-fast: 160ms var(--mta-ease);
}

/* 1. Taktil mikrobevegelse (KUN knapper og lenker, ikke inaktive kort) */
body[data-ws-websites-surface="1"] main a,
body[data-ws-websites-surface="1"] main button {
  transition: transform var(--mta-trans-fast), filter var(--mta-trans-fast), box-shadow var(--mta-trans-fast);
}

body[data-ws-websites-surface="1"] main a:active,
body[data-ws-websites-surface="1"] main button:active {
  transform: scale(0.98);
}

body[data-ws-websites-surface="1"] main a:focus-visible,
body[data-ws-websites-surface="1"] main button:focus-visible {
  outline: 2px solid var(--hs-forest, #102724);
  outline-offset: 4px;
}

/* Desktop Hover (Skjermet fra Touch) */
@media (hover: hover) and (pointer: fine) {
  body[data-ws-websites-surface="1"] main a:hover,
  body[data-ws-websites-surface="1"] main button:hover {
    filter: brightness(1.05);
  }

  /* Spesifikt løft for strukturerte knapper og tabs */
  body[data-ws-websites-surface="1"] main .button:hover,
  body[data-ws-websites-surface="1"] main button[data-industry-tab]:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 39, 36, 0.08);
  }
}

/* 2. Deaktiver arvet kontinuerlig loop-animasjon på flow-branch for å tillate kontrollert one-shot WAAPI */
body[data-ws-websites-surface="1"] main .traffic-journey__flow-branch,
body[data-ws-websites-surface="1"] main .traffic-journey__flow-branch * {
  animation: none !important;
}

/* 3. Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  body[data-ws-websites-surface="1"] main a,
  body[data-ws-websites-surface="1"] main button {
    transition: none !important;
    transform: none !important;
  }
}