/* Cookie-samtykke-banner */
.cookie-consent-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: var(--ink-navy, #16332a);
    color: #F4FBF7;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18);
}

.cookie-consent-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cookie-consent-inner p {
    margin: 0;
    font-size: 13.5px;
    flex: 1 1 320px;
    opacity: 0.9;
}

.cookie-consent-inner a {
    color: var(--main-color, #7fd9ab);
    text-decoration: underline;
}

.cookie-consent-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Annonceplads-boks vist når der endnu ikke er givet marketing-samtykke */
.ad-slot-consent-placeholder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    background: var(--second-color, #eef4f0);
    border: 1px dashed var(--second-color-darken, #cddcd3);
    border-radius: 12px;
    padding: 18px 20px;
    margin: 24px 0;
}

.ad-slot-consent-placeholder p {
    margin: 0;
    font-size: 13.5px;
    opacity: 0.85;
    flex: 1 1 260px;
}

.ad-slot {
    margin: 24px 0;
}

/* Faste sidebannere (160x600) i den ledige margin ved siden af
   .form-main-content (som er begrænset til 70% bredde og centreret) -
   skjult som udgangspunkt, og kun vist når der reelt er plads nok til at
   de ikke klemmer op ad indholdet. Højre side kommer først ved en smallere
   skærmbredde end venstre, så der kun vises to samtidig på meget brede
   skærme. */
.ad-sidebar {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 160px;
    height: 600px;
    display: none;
    z-index: 10;
}

.ad-sidebar--right { right: 1.5vw; }
.ad-sidebar--left { left: 1.5vw; }

@media (min-width: 1400px) {
    .ad-sidebar--right { display: block; }
}

@media (min-width: 1800px) {
    .ad-sidebar--left { display: block; }
}

@media (max-width: 600px) {
    .cookie-consent-inner {
        flex-direction: column;
        align-items: stretch;
    }
    .cookie-consent-actions {
        justify-content: stretch;
    }
    .cookie-consent-actions .hp-button {
        flex: 1;
        justify-content: center;
    }
}