/* Projekt: Ninabella | https://nina3c.dk/
 * Brugsvilkår: LICENSE.md / /brugsvilkaar/ | Kilder: SOURCES.md
 * Projekt-credit angiver ikke verificeret ophav til alle bidrag.
 */
/*
 * Ninabella | https://nina3c.dk/
 * Side / effekt / komponent: privacy
 * Fil: css/privacy.css
 * Version registreret: 2026-10-04T19:00:49+02:00 (Europe/Copenhagen)
 * Filens oprettelsesdato: 2026-10-03T21:58:54+02:00
 * Observeret seneste filændring før registrering: 2026-10-03T21:58:54+02:00
 * Fildatoer kan ændres ved kopiering og dokumenterer ikke første udviklingsdato.
 * Registreringen daterer denne version; oprindelig udviklingsdato er ikke verificeret.
 */
/* Styling specific to the migrated privacy pages. */
body.privacy-page,
body.privacy-kids-page {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at 16% 16%, rgb(52 191 255 / 14%), transparent 28%),
        radial-gradient(circle at 84% 35%, rgb(255 79 216 / 15%), transparent 30%),
        linear-gradient(155deg, #11182b 0%, #0b0d18 52%, #151024 100%);
    color: #f7f3ff;
}

.privacy-content,
.privacy-kids-content {
    position: relative;
    z-index: 2;
    width: min(860px, calc(100% - 28px));
    margin: 34px auto 64px;
    padding: clamp(24px, 5vw, 48px);
    border: 1px solid rgb(101 211 255 / 32%);
    border-radius: 24px;
    background: linear-gradient(145deg, rgb(27 38 67 / 96%), rgb(27 18 52 / 96%));
    box-shadow: 0 22px 65px rgb(0 0 0 / 35%), 0 0 28px rgb(52 191 255 / 10%);
}

.privacy-back,
.privacy-version-link {
    display: inline-flex;
    align-items: center;
    padding: 8px 13px;
    border: 1px solid rgb(255 79 216 / 70%);
    border-radius: 999px;
    background: rgb(255 79 216 / 10%);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.privacy-back { margin-bottom: 26px; }
.privacy-version-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.privacy-kids-content .privacy-version-links { margin-top: 24px; margin-bottom: 30px; }
.privacy-version-link.active,
.privacy-version-link:hover { background: rgb(255 79 216 / 22%); box-shadow: 0 0 14px rgb(255 79 216 / 20%); }

.privacy-content h1,
.privacy-content h2,
.privacy-kids-content h1,
.privacy-kids-card h2 { color: #fff; }
.privacy-content h1 { margin: 0 0 8px; font-size: clamp(2rem, 6vw, 3rem); }
.privacy-content h2 { margin: 32px 0 10px; font-size: 1.25rem; }
.privacy-content p,
.privacy-content li,
.privacy-kids-content p,
.privacy-kids-content li {
    color: rgb(255 255 255 / 88%);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.72;
}
.privacy-content ul { padding-left: 22px; }
.privacy-updated { margin: 0; color: #ff9ceb; font-size: .92rem; }
.privacy-note { margin-top: 24px; padding: 16px 18px; border: 1px solid rgb(255 79 216 / 70%); border-radius: 12px; background: rgb(255 79 216 / 10%); }
.privacy-placeholder,
.privacy-content a:not(.privacy-back):not(.privacy-version-link),
.privacy-kids-content a:not(.privacy-back):not(.privacy-version-link) { color: #8eeaff; font-weight: 700; }

.privacy-kids-content h1 { margin: 16px 0 8px; font-size: clamp(2rem, 7vw, 3.25rem); text-shadow: 0 0 18px rgb(255 79 216 / 42%); }
.privacy-kids-intro { max-width: 620px; margin: 0 0 24px; color: rgb(255 255 255 / 88%); font-size: clamp(1rem, 2.4vw, 1.2rem); line-height: 1.5; }
.privacy-kids-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.privacy-kids-card { padding: 18px; border: 2px solid rgb(255 79 216 / 65%); border-radius: 16px; background: linear-gradient(145deg, rgb(32 48 82 / 95%), rgb(32 22 61 / 95%)); box-shadow: 0 10px 24px rgb(3 9 22 / 25%); }
.privacy-kids-card h2 { margin: 0 0 8px; font-size: 1.2rem; }
.privacy-kids-card p { margin: 0; line-height: 1.55; }
.privacy-kids-page .pixel-ui-icon { display: inline-block; width: 1.15em; height: 1.15em; fill: currentColor; vertical-align: -.18em; }
.privacy-kids-help { margin-top: 14px; padding: 18px; border: 2px solid rgb(101 211 255 / 50%); border-radius: 16px; background: linear-gradient(145deg, rgb(28 52 87 / 97%), rgb(42 25 72 / 97%)); color: rgb(255 255 255 / 92%); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.72; }
.privacy-dots { position: fixed; z-index: 1; top: var(--site-header-height); left: 0; width: 100%; height: calc(100vh - var(--site-header-height)); pointer-events: none; opacity: .72; }
.privacy-page .site-footer,
.privacy-kids-page .site-footer { position: relative; z-index: 2; }

@media (max-width: 600px) {
    .privacy-content,
    .privacy-kids-content { width: calc(100% - 20px); margin-top: 16px; margin-bottom: 28px; padding: 20px 16px; border-radius: 18px; }
    .privacy-kids-grid { grid-template-columns: 1fr; gap: 10px; }
}