/* HN Landning (includes/landning.php, Mallar steg 17). Bara kitets globaler; knapparna är kitets hn-knapp (fylld, aldrig vit). */

/* HELSIDA (docs/stil.md § Textsidor «Helsida eller box», Aline 2026-11-05): landningens kortrader går kant i kant. 3 % luft ger sidans
   yttre container (Elementor, 3 %), aldrig en egen box och aldrig dubbel marginal här. Text (box 1140 px) ligger i mallens egna textcontainrar. */
.hn-landning { display: flex; flex-direction: column; gap: 32px; box-sizing: border-box; width: 100%; max-width: none; margin: 0; padding: 0; }
/* Två klasser i väljaren: kitets «.elementor-kit-4987 h2» (Playfair, ca 30 px) väger annars tyngre än en klass och gjorde etiketten till en stor rubrik. */
.hn-landning .hn-landning-etikett { margin: 0; font-family: inherit; line-height: inherit; font-size: var(--e-global-typography-hnetikett-font-size); font-weight: var(--e-global-typography-hnetikett-font-weight, 700); letter-spacing: var(--e-global-typography-hnetikett-letter-spacing, .5px); text-transform: uppercase; color: var(--e-global-color-primary); }
.hn-landning-ort { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.hn-landning-hoppa { display: flex; flex-direction: column; gap: 12px; }

.hn-landning-taggar { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.hn-landning-taggar li { margin: 0; padding: 0; list-style: none; max-width: 100%; }
/* Lugn tagg (Aline 2026-11-02 «B»): linneplatta, primär text, ingen ram, ingen skugga, ingen versal. Tryckyta minst 44 px. Samma ton som kortens .hn-etikett. */
.hn-landning-taggar .hn-landning-tagg { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 44px; min-width: 44px; max-width: 100%; padding: 8px 16px; font-size: var(--e-global-typography-text-font-size, 18px); font-weight: 400; line-height: 1.3; text-transform: none; text-decoration: none; letter-spacing: 0; color: var(--e-global-color-primary); background-color: var(--e-global-color-hnlinne); border: 0; border-radius: 22px; box-shadow: none; cursor: pointer; overflow-wrap: anywhere; transition: background-color .15s ease; }
@media (hover: hover) { .hn-landning-taggar .hn-landning-tagg:hover { background-color: var(--e-global-color-hnsten); color: var(--e-global-color-primary); text-decoration: none; } }
.hn-landning-taggar .hn-landning-tagg:active { background-color: var(--e-global-color-hnsten); color: var(--e-global-color-primary); text-decoration: none; box-shadow: none; }
.hn-landning-taggar .hn-landning-tagg:focus-visible { outline: 3px solid var(--e-global-color-primary); outline-offset: 2px; text-decoration: none; }

.hn-landning-del { scroll-margin-top: 110px; display: flex; flex-direction: column; gap: 16px; padding-top: 32px; border-top: 1px solid var(--e-global-color-hnsten); }
/* Delens rubrik (H2): Playfair ur kitets «HN Avsnitt serif» (hnserif2), primär. Sidans enda H1 är mallens. */
.hn-landning-del > h2 { margin: 0; font-family: var(--e-global-typography-hnserif2-font-family), serif; font-size: var(--e-global-typography-hnserif2-font-size); font-weight: var(--e-global-typography-hnserif2-font-weight); line-height: var(--e-global-typography-hnserif2-line-height, 1.15); color: var(--e-global-color-primary); }
/* Delens text (hn_landningstext): max 1140 px, två spalter på desktop, en under 768 px. Brödtext ur kitets text-global, primär. */
.hn-landning-text { max-width: 1140px; columns: 2; column-gap: 48px; font-family: var(--e-global-typography-text-font-family), sans-serif; font-size: var(--e-global-typography-text-font-size, 18px); font-weight: var(--e-global-typography-text-font-weight, 400); line-height: var(--e-global-typography-text-line-height, 1.6); color: var(--e-global-color-primary); }
.hn-landning-text p { margin: 0 0 14px; break-inside: avoid; }
.hn-landning-text p:last-child { margin-bottom: 0; }
.hn-landning-kort .hn-kortrad { margin: 0; }
.hn-landning-alla { margin: 0; }

/* Annonsplatsen mellan delarna: lika bred som innehållet, tom plats dold (lyftet fyller den, steg 10a). */
.hn-landning > .hn-evs-annons { margin: 0 auto; width: 100%; }
.hn-landning > .hn-evs-annons[data-hn-zon^="ruta"] { max-width: 420px; }

@media (max-width: 767px) {
	.hn-landning-text { columns: 1; }
	.hn-landning { gap: 24px; }
	.hn-landning-del { padding-top: 24px; }
	.hn-landning-alla .hn-knapp { flex: 1 1 auto; justify-content: center; text-align: center; }
}