/* ====== Forside / horisontal scroll ====== */

/* Baggrund + cursor gælder kun forsiden */
html, body { cursor: none; }
body {
  overflow: hidden;
background-image: radial-gradient(1200px 1200px at 10% 20%, #373535, #141922), url("/images/bg.webp");
  background-size: cover, cover;
  background-position: center, center;
  background-blend-mode: multiply;
}
.custom-cursor {
  position: fixed; width: 25px; height: 25px; background: var(--focus);
  opacity: 1; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%);
  transition: transform .05s linear; z-index: 99999999999;
}

/* Horisontal track (basis i global.css) – ingen ekstra her */

/* Hvidt kort-indhold på forsiden */
main {
  max-width: 60vw;
  margin-left: -25vw;
  background: #FFF;
  padding: 25px;
  color: #000;
  border-radius: 15px;
  box-shadow: rgb(27, 30, 32) 0px 20px 30px -10px;
}

/* s3 – særlig kolonnelayout (forside-specifikt) */
.s3 main { background: transparent; box-shadow: none; padding: 0; }
.s3 .kolonne-wrapper { padding: 25px; display: grid; gap: 1.5rem; }
.kolonne-wrapper .kolonne {
  background: #FFF; border-radius: 15px; box-shadow: rgb(27, 30, 32) 0px 20px 30px -10px; padding: 25px;
}
@media (min-width: 992px) { .s3 .kolonne-wrapper { grid-template-columns: repeat(2, 1fr); } }

/* Menu hover-effekter (hører til forsidens menu) */
#menu a { transition: 1s; }
#menu a:hover { transform: scale(2.0); transition: 1s; font-weight: 900; }

/* Kort bølgeeffekt */
.card {
  position: relative; overflow: hidden; isolation: isolate; background: #ececec;
  border-radius: 1rem; padding: clamp(1rem, 2.5vmin, 1.5rem);
  transform: translateZ(0); transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,.25); color: #3D4244;
}
.card:hover { transform: scale(1.03); box-shadow: 0 16px 50px rgba(0,0,0,.35); }
.card::after {
  content: "";
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200' preserveAspectRatio='none'><path d='M0 140 Q 75 120 150 140 T 300 140 T 450 140 T 600 140 V200 H0 Z' fill='%23FB363F'/></svg>");
  background-repeat: repeat-x; background-position: 0 100%; background-size: 600px 200px;
  transform: translateY(100%); transition: transform 1.2s cubic-bezier(.2,.8,.2,1);
  z-index: -1; pointer-events: none; will-change: transform, background-position; filter: drop-shadow(0 -6px 10px rgba(251,54,63,.3));
}
.card:hover::after { transform: translateY(0); animation: wave-drift 7s linear infinite; }
@keyframes wave-drift { from { background-position-x: 0; } to { background-position-x: -600px; } }

/* Små responsiv-tilpasninger kun forsiden */
@media (max-width: 1300px) {
  main { margin-top: -50px; }
}
@media (max-width: 768px) {
  html, body { cursor: auto; }
  .custom-cursor { display: none; }
  .fixed-image { max-width: 50vw; }
  main {
    max-width: unset; margin: 0; padding: 20px;
  }
  .kolonne-wrapper { padding: 0 !important; }
  .btn-red { margin-top: 25px; }
}