/* AnonKind – overrides on top of anonkonform's style.css (which is shared unchanged, so the sync page can compare it).
   Colour slots reused from style.css:  --trans = for young people, --lgbt = for all adults, --pride = acute psychiatry. */
:root {
  --trans: #1f8a84; --trans-soft: #6fd3c9; --pink: #b9c7f0; --lgbt: #3f5aa8; --pride: #c8433a;
}
@media (prefers-color-scheme: dark) {
  :root { --trans: #63cfc4; --lgbt: #8fa6ef; --pride: #f07a70; }
}
body::before { background: linear-gradient(90deg, #6fd3c9, #8fa6ef 55%, #c9b8f0); }

/* extra icons (downloaded by tools/installer-anonkind.sh, Lucide ISC) */
.ic-message { --ic: url(vendor/icons/message-circle.svg); } .ic-moon { --ic: url(vendor/icons/moon.svg); }
.ic-bed { --ic: url(vendor/icons/bed.svg); } .ic-handheart { --ic: url(vendor/icons/hand-heart.svg); }
.ic-shieldplus { --ic: url(vendor/icons/shield-plus.svg); } .ic-venus { --ic: url(vendor/icons/venus.svg); } .ic-hospital { --ic: url(vendor/icons/hospital.svg); } .ic-gift { --ic: url(vendor/icons/gift.svg); } .ic-siren { --ic: url(vendor/icons/siren.svg); }
.ic-stethoscope { --ic: url(vendor/icons/stethoscope.svg); } .ic-phone { --ic: url(vendor/icons/phone.svg); }
.ic-sync { --ic: url(vendor/icons/refresh-cw.svg); }

/* header badge: "en del af anonkonform" */
.private { display: inline-block; margin-left: .5rem; padding: .1rem .55rem; border-radius: 999px; font: 600 .72rem/1.6 var(--sans);
  letter-spacing: .02em; vertical-align: middle; background: color-mix(in srgb, var(--trans) 16%, transparent); color: var(--trans); }
a.private { text-decoration: none; }
a.private:hover { text-decoration: underline; }

/* tags in popups and cards */
.tags { display: flex; flex-wrap: wrap; gap: .3rem; margin: .4rem 0; }
.tag { font-size: .74rem; padding: .08rem .5rem; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); background: var(--surface); }
.tag--aedru { border-color: var(--trans); color: var(--trans); }
.tag--lavtaerskel { border-color: var(--lgbt); color: var(--lgbt); }
a.tel { font-weight: 600; white-space: nowrap; }

/* selects in filters */
.selrow { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: .5rem 0; }
.selrow select { font: inherit; padding: .35rem .6rem; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); max-width: 100%; }
.selrow label { font-size: .86rem; color: var(--muted); }

/* help page: regional numbers grid */
.regions { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: .6rem; margin: .6rem 0 1rem; }
.regions div { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: .7rem .9rem; }
.regions b { display: block; font-size: 1.25rem; }
.notice { border-left: 4px solid var(--trans); background: var(--surface); padding: .7rem 1rem; border-radius: 0 var(--radius) var(--radius) 0; margin: 1rem 0; }

/* sync page */
.synctable { width: 100%; border-collapse: collapse; margin: .5rem 0 1.2rem; font-size: .92rem; }
.synctable th, .synctable td { text-align: left; padding: .45rem .5rem; border-bottom: 1px solid var(--line); vertical-align: top; }
.synctable code { font-size: .85rem; }
.st { display: inline-block; padding: .05rem .5rem; border-radius: 999px; font-size: .78rem; font-weight: 600; white-space: nowrap; }
.st--ok { background: color-mix(in srgb, var(--ok) 15%, transparent); color: var(--ok); }
.st--warn { background: color-mix(in srgb, #d99a00 18%, transparent); color: #a87400; }
.st--info { background: color-mix(in srgb, var(--lgbt) 14%, transparent); color: var(--lgbt); }
@media (prefers-color-scheme: dark) { .st--warn { color: #f0c04a; } }
details.diff { margin: .3rem 0; } details.diff pre { max-height: 22rem; overflow: auto; background: var(--paper); border: 1px solid var(--line); border-radius: 10px; padding: .6rem; font-size: .78rem; line-height: 1.45; }
.diff .add { color: var(--ok); } .diff .del { color: var(--pride); }
.changes { list-style: none; padding: 0; margin: .4rem 0 1rem; }
.changes li { padding: .5rem 0; border-bottom: 1px solid var(--line); }
.changes .site { font-size: .74rem; font-weight: 600; padding: .05rem .45rem; border-radius: 999px; margin-right: .4rem; }
.site--anonkind { background: color-mix(in srgb, var(--trans) 16%, transparent); color: var(--trans); }
.site--anonkonform { background: color-mix(in srgb, var(--lgbt) 16%, transparent); color: var(--lgbt); }
.foot .synclink { font-size: .82rem; }
.foot p { display: block; }   /* lange linjer med links skal kunne ombrydes på mobil */
.org pre, .page pre { overflow-x: auto; background: var(--paper); border: 1px solid var(--line); padding: .5rem .7rem; border-radius: 8px; font-size: .82rem; }
.org .phone a { text-decoration: none; }
.srclist { font-size: .86rem; color: var(--muted); } .srclist li { margin: .2rem 0; word-break: break-word; }

/* AnonKind bruger ikke anonkonforms Regnbuepladsen-foto i toppen (virker ens på anonkonform.com/anonkind og eget domæne) */
.top--hero { background: linear-gradient(160deg, #1f3b36 0%, #23304a 100%); }

.tag--ingencpr { background: color-mix(in srgb, var(--trans) 14%, transparent); }
.ic-chat { --ic: url(vendor/icons/message-square.svg); } .ic-stats { --ic: url(vendor/icons/bar-chart-3.svg); }

/* Spørg */
.askform { display: grid; gap: .6rem; margin: 0 0 .8rem; }
.askform textarea { width: 100%; box-sizing: border-box; font: inherit; padding: .7rem .8rem; border-radius: 12px; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); background: transparent; color: inherit; }
.askform .btn { justify-self: start; }
.examples { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.examples .chip { cursor: pointer; font: inherit; font-size: .85rem; }
.notice--urgent { border-left: 4px solid var(--exit); }
.tag--offentlig { opacity: .8; }
.tag--brugerstyret { background: color-mix(in srgb, var(--lgbt) 14%, transparent); }

/* Let udgave (v12): store knapper, stor tekst, få valg */
.ic-easy { --ic: url(vendor/icons/smile.svg); }
.let { font-size: 1.15rem; }
.letlead { font-size: 1.3rem; font-weight: 600; }
.letwhere { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin: .6rem 0 1rem; }
.letwhere select { font: inherit; font-size: 1.1rem; padding: .5rem .7rem; border-radius: 10px; }
.letgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .7rem; margin-bottom: 1rem; }
.letbtn { display: flex; flex-direction: column; align-items: center; gap: .4rem; padding: 1rem .6rem; min-height: 120px; font: inherit; font-size: 1.05rem; font-weight: 600;
  border-radius: 16px; border: 2px solid color-mix(in srgb, var(--trans) 40%, transparent); background: color-mix(in srgb, var(--trans) 8%, transparent); color: inherit; cursor: pointer; text-align: center; }
.letbtn:focus-visible, .letbtn:hover { border-color: var(--trans); }
.letemoji { font-size: 2.4rem; line-height: 1; }
.btn--sos { background: var(--exit); color: #fff; font-size: 1.1rem; }
.let #answer .meta, .let #answer .src, .let #answer .wrong { display: none; }
.let #answer .cards article:nth-child(n+4) { display: none; }
.let #answer h3 { font-size: 1.25rem; }
.addcal { font-size: .85rem; }
.let .ret { display: none; }