/**
 * Designrevision 2 — indlæses KUN når sm_design_revision >= 2.
 * Alle regler har lav specificitet (:where) og ingen !important,
 * så brugerens egne valg (blok, sektion, globale indstillinger) altid vinder.
 * Editoren (.editor-styles-wrapper) får filen kun på revision 2-sites.
 */

/* Orddeling KUN i kortoverskrifter i smalle kolonner; brødtekst deles aldrig. */
:where(.sm-design-r2, .editor-styles-wrapper) :where(.sm-icon-box-heading),
:where(.sm-design-r2, .editor-styles-wrapper) :where([class*="sm-col-"]:not(.sm-col-12)) :where(.sm-ti4-heading) {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* Interne afstande (følger afstands-presettet; standard = Normalt). */
:where(.sm-design-r2) {
    --sm-space-heading: 16px;
    --sm-space-cta: 24px;
}
:where(.sm-design-r2) .sm-text-image-4-wrapper > .sm-ti4-heading {
    margin-bottom: var(--sm-space-heading);
}
:where(.sm-design-r2) .sm-icon-box-heading {
    margin-bottom: calc(var(--sm-space-heading) / 2);
}
:where(.sm-design-r2) .sm-icon-box-button {
    margin-top: var(--sm-space-cta);
}
.sm-design-r2 .sm-row > [class*="sm-col-"]:has(.sm-heading-2-wrapper) {
    margin-bottom: 0;
}
.sm-design-r2 .sm-row > [class*="sm-col-"]:has(.sm-heading-2-wrapper) + [class*="sm-col-"] {
    margin-top: var(--sm-space-heading);
}

/* Ikon og overskrift må aldrig overlappe. */
:where(.sm-design-r2, .editor-styles-wrapper) :where(.sm-icon-box.pos-left) .sm-icon-box-icon {
    flex-shrink: 0;
    max-width: 40%;
}
:where(.sm-design-r2, .editor-styles-wrapper) :where(.sm-icon-box.pos-left) .sm-icon-box-content {
    min-width: 0;
}

/* Afstand under ikonet ved 'top'/'center': de renderes nu som pos-above (flex-kolonne),
   så blokkens egen iconGap giver afstanden — ingen ekstra margin. */

/* Sektioner uden baggrundsbillede/-video: ingen minimumshøjde. */
:where(.sm-design-r2, .editor-styles-wrapper) :where(.sm-section--plain, .sm-section--plain > .sm-section-inner) {
    min-height: 0;
}

/* Tekst-og-billede: afstand fra brødtekst til CTA (ctaEnabled → .sm-ti4-cta-wrap). */
.sm-design-r2 .sm-text-image-4-wrapper .sm-text-image-4-content > .sm-ti4-cta-wrap {
    display: block;
    margin-top: var(--sm-space-cta, 24px);
}
/* Separat knap-element lige efter tekst-og-billede i samme række. */
.sm-design-r2 .sm-row > [class*="sm-col-"]:has(.sm-text-image-4-wrapper) + [class*="sm-col-"]:has(.sm-button) {
    margin-top: var(--sm-space-cta, 24px);
}

/* 2.65.6 — Kompakt header på mobil (kun nye sites): logo + titel + burger på én linje.
   Lav specificitet; kundens egne header-valg (inline størrelser) vinder stadig. */
@media (max-width: 767px) {
    :where(.sm-design-r2) .site-custom-header.is-compact .sm-compact-header-inner {
        flex-wrap: nowrap;
        align-items: center;
    }
    :where(.sm-design-r2) .site-custom-header.is-compact .sm-compact-logo {
        flex: 0 0 auto;
        max-width: 45%;
    }
    :where(.sm-design-r2) .site-custom-header.is-compact .sm-compact-title-block {
        align-self: center;
        max-width: none;
        overflow-wrap: normal;
    }
    :where(.sm-design-r2) .site-custom-header.is-compact .sm-compact-title-block .header-title {
        white-space: nowrap;
    }
    :where(.sm-design-r2) .site-custom-header.is-compact .sm-compact-nav {
        align-self: center;
    }
}
@media (max-width: 360px) {
    /* Meget smalle skærme: med logo skjules titlen, så burgeren aldrig skubbes ned. */
    :where(.sm-design-r2) .site-custom-header.is-compact .sm-compact-logo + .sm-compact-title-block {
        display: none;
    }
}