/* Recreations-specifikke tillegg: erstatter inline-stiler/oppførsel som React/next ga originalen */

html { scroll-behavior: auto; }
body { overscroll-behavior-y: none; }

/* next/image "fill"-erstatning */
.fill { position: absolute; inset: 0; width: 100%; height: 100%; user-select: none; }
.fill.contain { object-fit: contain; }
.fill.cover { object-fit: cover; }

/* Balansert tekst (react-wrap-balancer-erstatning) */
.balance { display: inline-block; vertical-align: top; text-wrap: balance; }

/* Responsiv-hjelpere (768px-brekkpunktet fra originalen) */
.mobile-only, .mobile-only-block { display: none !important; }
@media only screen and (max-width: 768px) {
  .mobile-only { display: block !important; }
  .mobile-only-block { display: block !important; }
  .desktop-only-block, .desktop-only-flex { display: none !important; }
}

/* ===== Entrance-animasjoner (framer-motion-erstatninger) ===== */

/* Header: opacity 0 / scale .9 -> 1, .3s delay 2s */
.anim-header {
  opacity: 0;
  transform: scale(.9);
  animation: headerIn .3s ease-out 2s forwards;
}
@keyframes headerIn { to { opacity: 1; transform: scale(1); } }

/* Hero-blokk: y 200 -> 0, .75s delay 1.35s */
.anim-hero-enter {
  opacity: 1;
  transform: translateY(200px);
  animation: heroIn .75s ease-out 1.35s forwards;
}
@keyframes heroIn { to { transform: translateY(0); } }

/* Callout-pille: fade inn .6s delay 2s */
.anim-callout {
  opacity: 0;
  animation: calloutIn .6s ease-out 2s forwards;
}
@keyframes calloutIn { to { opacity: 1; } }

/* iPad/iPhone i hero: y 60% -> 0, opacity 0 -> 1, 1.4s delay 1.25s */
.anim-tablet {
  animation: tabletIn 1.4s cubic-bezier(0.33, 1, 0.68, 1) 1.25s forwards;
}
@keyframes tabletIn {
  from { transform: translateY(60%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* Fast bunn-nav: opacity 0 / scale .95 / y 24 -> inn, .3s delay 2s */
.anim-footer {
  opacity: 0;
  transform: scale(.95) translateY(24px);
  animation: footerIn .3s ease-out 2s forwards;
}
@keyframes footerIn { to { opacity: 1; transform: scale(1) translateY(0); } }

.desktop-only-flex { display: flex; position: relative; width: 100%; max-width: calc(1200px + 8em); justify-content: space-between; align-items: center; box-shadow: 0 6px 20px rgba(0,0,0,.08); background-color: var(--dock-bg); border-radius: 12px; }

/* Ord-splitt for hero-overskriften */
#heroText .word {
  display: inline-block;
  transform: translateY(200%);
  will-change: transform;
}

/* Founder-kort */
.founders_founder__s_wPu h5 { text-align: left; }
.founders_founder__s_wPu .founders_image__Uq2Bm img.founder-photo {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}

/* Mobilmeny-elementer starter nede */
.js-menu-item { transform: translateY(100%); opacity: 0; }
.menu_open__ahsBb .js-menu-item { transform: translateY(0); opacity: 1; }
#menuStart { opacity: 0; transform: translateY(12px); transition: opacity .4s cubic-bezier(.19,1,.22,1), transform .6s cubic-bezier(.19,1,.22,1); }
.menu_open__ahsBb ~ * #menuStart, .menu_open__ahsBb #menuStart { opacity: 1; transform: translateY(0); }

/* Ailo-kreditering */
.ailo-credit { font-size: 12px; color: var(--text-3); }
.ailo-credit a { color: var(--text-2); text-decoration: none; }
.ailo-credit a:hover { color: var(--contrast); }

/* Popshop-logoen er bred; la den beholde høyden */
.value_logo__pE4ED { height: 32px; width: auto; }