/*
Theme Name: Stang Lakrids
Theme URI: https://stanglakrids.dk
Author: Stang Lakrids
Description: Custom WordPress tema med ekspanderende fane-sektion og ACF Pro integration.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License: Private
Text Domain: stang-lakrids
*/

/* ── Reset ─────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── CSS Custom Properties ──────────────────────────────── */
:root {
  /* Brand colours */
  --sl-cerise:      #F2608A;
  --sl-mango:       #F5C11F;
  --sl-sprout:      #C8E0A0;
  --sl-blossom:     #F7C5D8;
  --sl-cream:       #FDF0C2;
  --sl-ink:         #1A1A1A;

  /* Typography */
  --sl-font:        'Inter', system-ui, -apple-system, sans-serif;
  --sl-black:       #1A1A1A;
  --sl-dark:        #2A2A2A;

  /* Spacing */
  --sl-radius:      20px;
  --sl-radius-sm:   10px;

  /* Transitions */
  --sl-ease:        cubic-bezier(0.77, 0, 0.175, 1);
}

/* ── Base ───────────────────────────────────────────────── */
html { font-size: 16px; scroll-behavior: smooth; }

body {
  font-family: var(--sl-font);
  color: var(--sl-black);
  background: var(--sl-cream);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

img, video { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }

/* ── Container ──────────────────────────────────────────── */
.sl-container {
  width: 100%;
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 5vw, 4rem);
}

/* ── Skip link ──────────────────────────────────────────── */
.skip-link {
  position: absolute;
  top: -100%;
  left: 1rem;
  background: var(--sl-black);
  color: #fff;
  padding: .5rem 1rem;
  border-radius: var(--sl-radius-sm);
  font-size: .875rem;
  z-index: 9999;
}
.skip-link:focus { top: 1rem; }