/* slehms.dk – forsiden. Gælder kun blokke med klassen sk-home. */
.sk-home {
  --sk-sky: #e9f7fb; --sk-sky2: #72cfe4; --sk-ink: #2f3a40; --sk-soft: #55636b; --sk-accent: #d9480f;
  --sk-g1: #0b8fb0; --sk-g2: #d7261e; --sk-g3: #c2187f;
  --sk-shadow: 0 2px 4px rgba(20, 90, 120, .06), 0 14px 30px -14px rgba(20, 90, 120, .30);
  font-family: 'Titillium Web', sans-serif; color: var(--sk-ink); font-size: 1.12rem; line-height: 1.55;
  margin: 0 auto !important; padding: 44px 16px !important; box-sizing: border-box;
}
.sk-home *, .sk-home *::before, .sk-home *::after { box-sizing: border-box; }
/* Temaet (klassisk) lægger en ekstra boks inden i grupper; den må ikke bryde gitrene. */
.sk-home .wp-block-group__inner-container { display: contents; }
/* Temaets sidebanner med sidetitel vises ikke på denne side; titlen står i selve siden. */
body:has(.sk-home) #header-image { display: none; }
.sk-home figure figcaption { font-style: normal !important; }
@media (min-width: 700px) { .sk-home { padding: 60px 32px !important; } }
.sk-home > *, .sk-home > .wp-block-group__inner-container > * { max-width: 1140px; margin-left: auto !important; margin-right: auto !important; }
.sk-home h1, .sk-home h2, .sk-home h3 { font-family: 'Titillium Web', sans-serif; font-weight: 700; color: var(--sk-ink); line-height: 1.1; text-transform: none; letter-spacing: 0; }
.sk-home h1 { font-size: clamp(2.2rem, 6vw, 3.6rem); margin: 0 0 10px; }
.sk-home h2 { font-size: clamp(1.8rem, 4.4vw, 2.6rem); margin: 0 0 8px; }
.sk-home h3 { font-size: 1.35rem; margin: 0; }
.sk-home p { color: var(--sk-soft); margin: 0 0 14px; }
.sk-hand { font-family: 'Shadows Into Light', cursive !important; font-size: 1.6rem !important; color: var(--sk-accent) !important; margin: 0 0 2px !important; line-height: 1.2 !important; }
.sk-center { text-align: center; }
.sk-center > *, .sk-center > .wp-block-group__inner-container > * { margin-left: auto !important; margin-right: auto !important; }
.sk-lead { font-size: 1.25rem !important; max-width: 640px; }

/* ---------- Bøgerne ---------- */
.sk-books-sec { background: var(--sk-sky); border-radius: 0 0 40px 40px; padding-top: 170px !important; }
@media (min-width: 768px) { .sk-books-sec { padding-top: 250px !important; } }
.sk-grades { display: grid !important; gap: 22px; grid-template-columns: 1fr; margin-top: 26px !important; }
@media (min-width: 760px) { .sk-grades { grid-template-columns: repeat(3, 1fr); } }
.sk-grades > *, .sk-grades > .wp-block-group__inner-container > * { margin: 0 !important; }
.sk-grade { background: #fff; border-radius: 26px; padding: 16px 16px 18px !important; box-shadow: var(--sk-shadow); border-top: 8px solid var(--sk-c); }
.sk-grade.g1 { --sk-c: var(--sk-g1); } .sk-grade.g2 { --sk-c: var(--sk-g2); } .sk-grade.g3 { --sk-c: var(--sk-g3); }
.sk-grade p.sk-gname { font-weight: 700; font-size: 1.35rem; color: var(--sk-c) !important; text-align: center; margin: 0 0 12px !important; }
.sk-pair { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; }
.sk-pair > *, .sk-pair > .wp-block-group__inner-container > * { margin: 0 !important; }
.sk-book { position: relative; margin: 0 !important; text-align: center; }
.sk-book img { width: 100%; height: auto; aspect-ratio: 151 / 200; object-fit: cover; border-radius: 14px; box-shadow: 0 6px 16px -8px rgba(0,0,0,.45); transition: transform .15s; }
.sk-book a::after { content: ""; position: absolute; inset: 0; }
.sk-book:hover img { transform: translateY(-4px) rotate(-1deg); }
.sk-book figcaption { margin: 8px 0 0 !important; font-size: 1.1rem; font-style: normal; text-align: center; color: var(--sk-ink); }
.sk-book figcaption strong { color: var(--sk-c); }
.sk-book:focus-within { outline: 3px solid var(--sk-c); outline-offset: 4px; border-radius: 16px; }
.sk-note { font-size: 1rem !important; margin-top: 18px !important; }

/* ---------- Portalen ---------- */
.sk-portal { display: flex !important; flex-wrap: wrap; align-items: center; gap: 28px; padding: 28px !important; border-radius: 32px; background: linear-gradient(135deg, #72cfe4, #3fb5d6); box-shadow: var(--sk-shadow); }
.sk-portal > *, .sk-portal > .wp-block-group__inner-container > * { margin: 0 !important; }
.sk-portal .sk-ptext { flex: 1 1 340px; }
.sk-portal .sk-ptext h2, .sk-portal .sk-ptext p { color: #0d2f3d !important; }
.sk-portal .sk-ptext .sk-hand { color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,.2); }
.sk-portal .sk-pimg { flex: 0 1 380px; }
.sk-portal .sk-pimg img { width: 100%; border-radius: 22px; border: 5px solid #fff; display: block; }
.sk-portal .sk-pimg figcaption { color: #0d2f3d; font-size: .9rem; text-align: center; margin-top: 6px; }

/* Knapper */
.sk-home .wp-block-button__link { border-radius: 999px !important; padding: 15px 30px !important; min-height: 54px; font-family: 'Titillium Web', sans-serif; font-weight: 700; font-size: 1.2rem; background: var(--sk-accent) !important; color: #fff !important; border: 0 !important; box-shadow: 0 6px 0 #a5370b; text-decoration: none !important; transition: transform .1s, box-shadow .1s; }
.sk-home .wp-block-button__link:active { transform: translateY(4px); box-shadow: 0 2px 0 #a5370b; }
.sk-home .is-style-outline .wp-block-button__link { background: #fff !important; color: var(--sk-ink) !important; box-shadow: 0 0 0 2px #cfe9f1 inset; font-size: 1.02rem; min-height: 0; padding: 11px 20px !important; }

/* ---------- Spillene ---------- */
.sk-group { margin-top: 34px !important; }
.sk-group h3 { display: flex; align-items: center; gap: 10px; margin-bottom: 14px !important; }
.sk-games { display: grid !important; gap: 16px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 640px) { .sk-games { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 980px) { .sk-games { grid-template-columns: repeat(4, 1fr); } }
.sk-games > *, .sk-games > .wp-block-group__inner-container > * { margin: 0 !important; }
.sk-game { position: relative; margin: 0 !important; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: var(--sk-shadow); transition: transform .15s; }
.sk-game:hover { transform: translateY(-3px); }
.sk-game img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; display: block; background: var(--sk-sky); }
.sk-game a::after { content: ""; position: absolute; inset: 0; }
.sk-game figcaption { margin: 0 !important; padding: 10px 12px 12px; font-size: 1.02rem; font-style: normal; line-height: 1.25; color: var(--sk-ink); text-align: left; }
.sk-game:focus-within { outline: 3px solid var(--sk-accent); outline-offset: 3px; }

/* ---------- Mere ---------- */
.sk-more-sec { background: var(--sk-sky); border-radius: 40px 40px 0 0; }
.sk-more-btns { justify-content: center; gap: 10px !important; }

@media (prefers-reduced-motion: reduce) { .sk-book img, .sk-game, .sk-home .wp-block-button__link { transition: none; } }