/* Yttec – integritetspolicy.html
   Utbruten ur sidans inline-<style> 2026-08-21. Den låg dessutom efter
   </script> längst ned i <body>, vilket gav en omritning efter att sidan
   redan målats. Reglerna är omskrivna mot temats tokens: originalet hade
   hårdkodade färger (#e9ecef, --bs-primary, --bs-warning) som inte följde
   med i mörkt läge. */

/* ---- Hero utan bild ----
   Policysidan har ingen fotobakgrund — den är ingen säljsida. Typografin
   kommer ändå från .hero-service* i styles/tjanster.css så rubrik, ingress
   och brödsmulor ser likadana ut som på övriga sidor. Här sätts bara
   bottenplattan, i samma riktning som hero-overlayens gradient. */
.hero-service.hero-flat {
    min-height: 0;
    padding-bottom: 2.5rem;
    background: linear-gradient(100deg, #0c0c0c 0%, #1a1a1a 58%, #262626 100%);
}

/* ---- Sammanfattningen högst upp ----
   Röd kantlinje i stället för Bootstraps blå. */
.policy-sammanfattning {
    border-left: 4px solid var(--yttec-red);
    background: var(--color-section-bg);
    border-radius: 0 12px 12px 0;
    padding: 1.5rem 1.75rem;
}

.policy-sammanfattning p:last-child { margin-bottom: 0; }

/* ---- Avsnittsavdelare ----
   Originalet hade #e9ecef hårdkodat, vilket blev en ljus linje mitt i det
   mörka läget. */
.policy-avsnitt {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
}

.policy-avsnitt:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.policy-avsnitt p { line-height: 1.7; }

/* ---- Rubriker ----
   Policytermerna är långa sammansatta ord: "Personuppgiftsansvarig" är
   22 tecken och behöver 422px vid rubrikstorlek, men har 336px att röra
   sig på vid 375px skärm. Utan avstavning sköt ordet ut sidan 73px.
   Brytpunkten sätts med &shy; vid sammansättningens fog. Med hyphens:
   auto valde webbläsarens ordlista "personuppgiftsan-svarig", vilket är
   tillåten avstavning men fel ställe i en sammansättning. Därför manual
   — bara vår egen punkt gäller. overflow-wrap är nödutgången om någon
   senare lägger in ett långt ord utan &shy;. */
.policy-avsnitt h2 {
    hyphens: manual;
    overflow-wrap: break-word;
}

/* ---- Listor och adresser ---- */
.policy-lista {
    padding-left: 1.2rem;
    line-height: 1.7;
}

.policy-lista li { margin-bottom: 0.6rem; }
.policy-lista li:last-child { margin-bottom: 0; }

/* <address> lutar som standard. Här är det en postadress, inte betoning. */
.policy-adress {
    font-style: normal;
    line-height: 1.7;
}

/* ---- Sidokolumn ---- */
.policy-sidokolumn { position: sticky; top: 6rem; }

.policy-uppdaterad {
    color: var(--color-text-muted);
    font-size: 0.85rem;
}

.policy-uppdaterad iconify-icon { transform: translateY(0.1em); }

/* ---- Mobil ---- */
@media (max-width: 768px) {
    .policy-sidokolumn {
        position: static;
        margin-top: 3rem;
    }

    .policy-sammanfattning { padding: 1.25rem 1.35rem; }
}
