/* desktop.css — layout för ≥769px. Laddas via media-attribut. Få klasser, delade med mobile.css. */

/* Vertikal rytm styrs av --air i main.css. Här bara horisontell wrap. */
.sc-wrap { max-width: 1100px; margin: 0 auto; padding-inline: clamp(10px, 2.5vw, 32px); }

/* Per-device (dator): höjd, synlighet, justering */
.sc-sec { min-height: var(--sc-h-d, auto); }
.sc-sec--tall { display: flex; flex-direction: column; justify-content: center; }
.sc-hide-d { display: none !important; }
.sc-ad-center { text-align: center; }
.sc-ad-right { text-align: right; }

/* En enda grid-klass för kort/team/statistik/galleri – kolumnantal via --cols (från admin) */
.sc-grid { display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); gap: var(--space-lg); }

.sc-hero { min-height: 70vh; }
.sc-hero__inner { max-width: 720px; }
.sc-hero.is-center { justify-content: center; text-align: center; }
.sc-hero.is-center .sc-hero__inner { margin: 0 auto; }

.sc-richtext__body { max-width: 900px; margin: 0 auto; column-count: var(--cols, 1); column-gap: var(--space-lg); }

/* "Visa nummer": text bredvid runda ikonen – men bara på breda skärmar (≥1024px),
   annars bara runda ikoner (nummer + mail får inte plats på smala/surfplattebredder). */
@media (min-width: 1024px) { .sc-nav__contact--num .sc-nav__num { display: inline-flex; } }

.sc-cta__text, .sc-faq, .sc-timeline, .sc-form { max-width: 760px; margin-left: auto; margin-right: auto; }
.sc-cta__actions { display: flex; gap: var(--space-md); justify-content: center; }

.sc-timeline { border-left: 2px solid var(--color-surface); padding-left: var(--space-lg); }
.sc-timeline__item { position: relative; padding-bottom: var(--space-lg); }
.sc-timeline__item::before { content: ''; position: absolute; left: calc(-1 * var(--space-lg) - 6px); top: .4rem; width: 10px; height: 10px; border-radius: 50%; background: var(--color-accent); }

.sc-form { display: grid; gap: var(--space-md); }