/* ==========================================================================
   ÅTR MTB – temats CSS
   Portad regel för regel från skissen ATR_Hemsida_PB1.html till WordPress
   blockmarkup. Färgvärdena kommer från theme.json (settings.custom.farg),
   med skissens hexvärden som reserv.

   Varför ":root" framför många regler: WordPress globala stilar använder
   ":root :where(...)" (specificitet 0,1,0) för marginaler i flödeslayout.
   Prefixet gör att skissens marginaler vinner, både på sajten och i
   redigeraren (där ":root" skrivs om till .editor-styles-wrapper).
   ========================================================================== */

/* ── Tokens (skissens :root) ───────────────────────────────────────────── */
:root {
  --papper:   var(--wp--custom--farg--ljus--grund, #F5F1E8);
  --papper-2: var(--wp--custom--farg--ljus--kort, #EDE7DA);
  --black:    var(--wp--custom--farg--ljus--text, #16241F);
  --black-2:  var(--wp--custom--farg--ljus--text-svag, #4E5A53);
  --kurva:    var(--wp--custom--farg--ljus--linje, #D8CEBB);
  --skog:     var(--wp--custom--farg--ljus--skog, #2E6B4F);
  --rost:     var(--wp--custom--farg--ljus--rost, #B33A2B);
  --ground: var(--papper); --card: var(--papper-2); --ink: var(--black); --ink-2: var(--black-2);
  --linje: var(--kurva);
  --disp: var(--wp--preset--font-family--rubrik, "Source Serif 4", "Iowan Old Style", Palatino, Charter, Georgia, serif);
  --body: var(--wp--preset--font-family--brodtext, "Nunito Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif);
  --mono: var(--wp--preset--font-family--mono, ui-monospace, Menlo, monospace);
}
/* Mörkt läge: följer enhetens inställning (prefers-color-scheme) */
@media (prefers-color-scheme: dark) {
  :root {
    --ground: var(--wp--custom--farg--mork--grund, #131A17);
    --card:   var(--wp--custom--farg--mork--kort, #1B2420);
    --ink:    var(--wp--custom--farg--mork--text, #EDE9DF);
    --ink-2:  var(--wp--custom--farg--mork--text-svag, #9AA69E);
    --linje:  var(--wp--custom--farg--mork--linje, #2A3833);
    --skog:   var(--wp--custom--farg--mork--skog, #5A9B77);
    --rost:   var(--wp--custom--farg--mork--rost, #D9614F);
  }
}

/* ── Grund ─────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0; background: var(--ground); color: var(--ink); font-family: var(--body);
  font-size: 17px; line-height: 1.65; -webkit-font-smoothing: antialiased;
}
#karta { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; opacity: .55; pointer-events: none; }
.wp-site-blocks { position: relative; z-index: 1; }
:root .wp-site-blocks > * + * { margin-block-start: 0; }
:root .atr-wrap { max-width: 940px; margin-left: auto; margin-right: auto; padding: 0 26px; }
:root main.atr-wrap { margin-top: 0; margin-bottom: 0; }
:root .wp-block-post-content { margin: 0; }

/* ── Sidhuvud ──────────────────────────────────────────────────────────── */
header.wp-block-template-part {
  border-bottom: 1px solid var(--linje);
  background: color-mix(in srgb, var(--ground) 88%, transparent);
  -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
  position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 10;
}
/* Skissen: .bar{padding:15px 0} vinner över .wrap, så raden går ut i 940 px-boxens kant.
   På smal skärm hamnade den då kant i kant med skärmen; här hålls minst 26 px. */
:root .atr-bar {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 15px max(0px, min(26px, calc(26px - (100vw - 940px) / 2)));
}
:root .atr-brand { display: flex; align-items: center; gap: 11px; margin: 0; }
:root .atr-brand figure { margin: 0; line-height: 0; flex: none; }
:root .atr-brand img { width: 38px; height: 38px; border-radius: 3px; display: block; }
:root .atr-brand-namn {
  margin: 0; max-width: none; font-family: var(--disp); font-size: 18px; font-weight: 600;
  letter-spacing: .005em; line-height: 1.15;
}
:root .atr-brand-namn a { color: inherit; text-decoration: none; }
:root .atr-brand-namn strong { font-weight: 600; }
:root .atr-brand-namn em {
  display: block; font-style: normal; font-size: 10.5px; letter-spacing: .15em;
  text-transform: uppercase; color: var(--ink-2); font-family: var(--body); font-weight: 600;
}

/* Menyn (navigationsblocket) */
:root .atr-nav { margin-left: auto; }
:root .atr-nav,
:root .atr-nav .wp-block-navigation__container { gap: 3px; flex-wrap: wrap; }
:root .atr-nav .wp-block-navigation-item a.wp-block-navigation-item__content {
  font-family: var(--body); font-size: 14.5px; line-height: normal; color: var(--ink-2);
  padding: 7px 12px; border-radius: 20px; font-weight: 500; text-decoration: none;
}
:root .atr-nav .wp-block-navigation-item a.wp-block-navigation-item__content:hover { color: var(--ink); background: var(--card); }
:root .atr-nav .wp-block-navigation-item a.wp-block-navigation-item__content[aria-current="page"],
:root .atr-nav .wp-block-navigation-item.current-menu-item > a.wp-block-navigation-item__content { color: var(--ground); background: var(--skog); }
:root .atr-nav .wp-block-navigation-item a.wp-block-navigation-item__content:focus-visible { outline: 2px solid var(--rost); outline-offset: 2px; }

/* Knappar (t.ex. mönstret "Anmälningsknapp") */
:root .wp-block-button__link {
  background: var(--skog); color: var(--ground); border: 0; border-radius: 20px; padding: 9px 18px;
  font-family: var(--body); font-size: 15.5px; font-weight: 600; line-height: 1.3; text-decoration: none;
}
:root .wp-block-button__link:hover { filter: brightness(1.08); }
:root .wp-block-button__link:focus-visible { outline: 2px solid var(--rost); outline-offset: 2px; }

/* ── Typografi ─────────────────────────────────────────────────────────── */
:root h1 {
  font-family: var(--disp); font-size: clamp(34px, 5.6vw, 54px); line-height: 1.08; margin: 0 0 16px;
  font-weight: 600; letter-spacing: -.012em; text-wrap: balance;
}
:root h2 {
  font-family: var(--body); font-size: 12px; letter-spacing: .17em; text-transform: uppercase;
  color: var(--ink-2); margin: 0 0 20px; font-weight: 700; line-height: 1.65;
}
:root h3 {
  font-family: var(--disp); font-size: 26px; line-height: 1.15; margin: 0 0 10px; font-weight: 600;
  letter-spacing: normal; text-wrap: balance;
}
:root p { margin: 0 0 15px; max-width: 64ch; }
:root main ul.wp-block-list { margin: 0 0 15px; padding-left: 19px; max-width: 64ch; }
:root main ul.wp-block-list li { margin-bottom: 8px; }
a { color: var(--rost); }
/* Långt sammansatt ord i rubriken: skalas ned på smal skärm, avstavas i nödfall */
:root h1.langord { font-size: clamp(27px, 7.6vw, 54px); -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }

/* ── Sektioner ─────────────────────────────────────────────────────────── */
:root main section { padding: 46px 0; border-top: 1px solid var(--linje); margin: 0; }
:root .is-style-atr-hero { padding: 70px 0 54px; margin: 0; }
@media (max-width: 640px) { :root .is-style-atr-hero { padding: 44px 0 36px; } }

/* Ingress (.lead) */
:root p.is-style-atr-ingress { font-size: 19.5px; line-height: 1.6; color: var(--ink-2); max-width: 58ch; margin: 0; }
:root p.is-style-atr-ingress strong { color: var(--ink); font-weight: 600; }

/* ── Projektkort (.platser / .plats) ───────────────────────────────────── */
:root .is-style-atr-platser { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
:root .is-style-atr-platser > * { margin: 0; }
:root .is-style-atr-plats {
  position: relative; background: var(--card); border: 1px solid var(--linje); border-radius: 4px;
  padding: 26px 26px 22px; text-align: left; color: inherit; display: flex; flex-direction: column;
  gap: 11px; transition: box-shadow .18s, border-color .18s;
}
:root .is-style-atr-plats:hover { border-color: var(--skog); box-shadow: 0 6px 22px -14px rgba(0, 0, 0, .4); }
:root .is-style-atr-plats:has(a:focus-visible) { outline: 2px solid var(--rost); outline-offset: 3px; }
:root .is-style-atr-plats > * { margin: 0; }
:root .is-style-atr-plats > h3 { margin: 0; }
:root .is-style-atr-plats > p { margin: 0; color: var(--ink-2); font-size: 15.5px; }
/* Hela kortet är klickbart, som knappen i skissen */
:root .is-style-atr-plats a { cursor: pointer; }
:root .is-style-atr-plats > p.is-style-atr-vidare a::after { content: ""; position: absolute; inset: 0; }
:root .is-style-atr-plats > p.is-style-atr-vidare a:focus-visible { outline: none; }

/* Märke (.marke) med ikon */
:root p.is-style-atr-marke {
  display: flex; align-items: center; gap: 9px; font-size: 11.5px; letter-spacing: .13em;
  text-transform: uppercase; font-weight: 700; color: var(--ink-2); margin: 0;
}
:root .is-style-atr-plats > p.is-style-atr-marke { font-size: 11.5px; color: var(--ink-2); }
:root .is-style-atr-hero > p.is-style-atr-marke { margin-bottom: 12px; }
.atr-ikon-hopp::before,
.atr-ikon-slinga::before {
  content: ""; flex: none; width: 13px; height: 13px; background: currentColor;
  -webkit-mask: url("../images/ikon-hopp.svg") center / contain no-repeat;
  mask: url("../images/ikon-hopp.svg") center / contain no-repeat;
}
.atr-ikon-slinga::before {
  -webkit-mask-image: url("../images/ikon-slinga.svg");
  mask-image: url("../images/ikon-slinga.svg");
}

/* Läs mer-länk (.vidare) */
:root p.is-style-atr-vidare { font-size: 14.5px; color: var(--skog); font-weight: 600; margin: 0; }
:root .is-style-atr-plats > p.is-style-atr-vidare { font-size: 14.5px; color: var(--skog); margin-top: auto; }
:root p.is-style-atr-vidare a { color: inherit; text-decoration: none; }

/* Tillbaka-länk (.tillbaka) */
:root p.is-style-atr-tillbaka { font-size: 14.5px; margin: 0 0 16px; color: var(--ink-2); }
:root p.is-style-atr-tillbaka a { color: var(--ink-2); text-decoration: none; }
:root p.is-style-atr-tillbaka a:hover { color: var(--skog); }

/* ── Två kolumner (.rutnat) ────────────────────────────────────────────── */
:root .wp-block-columns { gap: 26px; margin: 0; align-items: stretch; }
:root .wp-block-columns > .wp-block-column { margin: 0; }
:root .wp-block-column > .is-style-atr-kort:only-child { height: 100%; }
@media (max-width: 700px) {
  :root .wp-block-columns { flex-direction: column; gap: 20px; }
  :root .wp-block-columns > .wp-block-column { flex-basis: auto !important; }
}

/* ── Datarutor (dl.data) ───────────────────────────────────────────────── */
:root .is-style-atr-data,
:root .is-style-atr-data-text {
  display: grid; gap: 0; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  border-top: 1px solid var(--linje); margin: 1em 0; /* dl:s standardmarginal i skissen */
}
:root .is-style-atr-data-text { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
:root .is-style-atr-data > .wp-block-group,
:root .is-style-atr-data-text > .wp-block-group {
  padding: 16px 18px 16px 0; border-bottom: 1px solid var(--linje); margin: 0;
}
:root .is-style-atr-data > .wp-block-group > p,
:root .is-style-atr-data-text > .wp-block-group > p { margin: 0; max-width: none; }
/* Första stycket = etikett (dt) */
:root .is-style-atr-data > .wp-block-group > p:first-child,
:root .is-style-atr-data-text > .wp-block-group > p:first-child {
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2);
  font-weight: 700; margin-bottom: 4px;
}
/* Andra stycket = värdet (dd) */
:root .is-style-atr-data > .wp-block-group > p + p,
:root .is-style-atr-data-text > .wp-block-group > p + p {
  font-family: var(--disp); font-size: 27px; font-variant-numeric: tabular-nums; line-height: 1.1;
  font-weight: 400; letter-spacing: normal; text-transform: none; color: inherit;
}
:root .is-style-atr-data-text > .wp-block-group > p + p { font-size: 21px; overflow-wrap: anywhere; }
:root .is-style-atr-data + p { margin-top: 24px; }

/* ── Kort (.kort) ──────────────────────────────────────────────────────── */
:root .is-style-atr-kort { background: var(--card); border: 1px solid var(--linje); border-radius: 4px; padding: 24px; margin: 0; }
:root .is-style-atr-kort h3 { font-size: 20px; }
:root .is-style-atr-kort p { font-size: 15.5px; }
:root main .is-style-atr-kort > :last-child { margin-bottom: 0; }

/* Pris (.pris): beloppet är stort, även inuti ett kort (skissens avsikt, beslut 2026-09-18) */
:root p.is-style-atr-pris { font-family: var(--disp); font-size: 44px; line-height: 1; margin: 0; }
:root .is-style-atr-kort p.is-style-atr-pris { font-size: 44px; }
:root p.is-style-atr-pris span { font-family: var(--body); font-size: 15px; color: var(--ink-2); }

/* Kontonummer (.konto) */
:root p.is-style-atr-konto {
  font-family: var(--mono); font-size: 16.5px; background: var(--card);
  border: 1px solid var(--linje); border-radius: 4px; padding: 11px 15px; display: inline-block;
}
:root .wp-block-columns + p { margin-top: 26px; }
/* Liten dämpad text */
:root p.is-style-atr-liten { color: var(--ink-2); font-size: 15.5px; margin-bottom: 22px; }
:root p.is-style-atr-konto + p.is-style-atr-liten { margin-top: 14px; margin-bottom: 15px; font-size: 15px; }

/* Anmälningsknappen efter kontouppgifterna på Bli medlem */
:root p.is-style-atr-liten + .wp-block-buttons { margin-top: 26px; }

/* Notis (.eu, rostfärgad kant) */
:root p.is-style-atr-notis {
  border-left: 3px solid var(--rost); padding: 15px 20px; background: var(--card);
  border-radius: 0 4px 4px 0; font-size: 14.5px; color: var(--ink-2); max-width: 64ch; margin: 0;
}
:root p.is-style-atr-notis strong { color: var(--ink); }
:root .is-style-atr-platser + p.is-style-atr-notis { margin-top: 26px; }

/* Nyttjanderätt (.ratt) och platshållare (.skiss) */
:root p.is-style-atr-ratt {
  border-left: 3px solid var(--skog); background: var(--card); border-radius: 0 4px 4px 0;
  padding: 14px 18px; margin: 24px 0 0; max-width: 64ch; font-size: 16.5px; line-height: 1.55;
}
:root p.is-style-atr-ratt strong { font-weight: 600; }
:root p.is-style-atr-ratt a { white-space: nowrap; }
.skiss {
  display: inline-block; font-size: 12.5px; color: var(--rost); border: 1px dashed var(--rost);
  border-radius: 3px; padding: 0 6px; margin-left: 4px; line-height: 1.6;
}

/* Leader + EU: emblemet ligger alltid på vit botten, det får inte tonas om */
:root figure.is-style-atr-eulogga {
  background: #fff; border: 1px solid var(--linje); border-radius: 4px; padding: 16px 20px;
  display: inline-block; max-width: 100%; margin: 6px 0 0;
}
:root figure.is-style-atr-eulogga img { display: block; width: 100%; max-width: 430px; height: auto; }

/* ── Ljus/mörk logotyp: båda ligger i sidan, CSS visar rätt variant ───── */
.mork { display: none !important; }
@media (prefers-color-scheme: dark) {
  :root .ljus { display: none !important; }
  :root .mork { display: block !important; }
}

/* ── Projektsponsorer: alla plattor lika stora, gråskala → färg ────────── */
:root .is-style-atr-plattor { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0; }
:root h2 + p:has(+ .is-style-atr-plattor) { margin-bottom: 22px; }
:root .is-style-atr-platta {
  position: relative; display: flex; align-items: center; justify-content: center; background: #fff;
  border: 1px solid var(--linje); border-radius: 4px; height: 88px; padding: 0 14px; margin: 0;
  transition: border-color .16s;
}
:root .is-style-atr-platta > figure.wp-block-image {
  margin: 0; width: 100%; height: 100%;
}
:root .is-style-atr-platta > figure.wp-block-image > a {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
}
:root .is-style-atr-platta > figure.wp-block-image > a:focus-visible { outline: none; }
:root .is-style-atr-platta img {
  max-width: 78%; max-height: 44%; width: auto; height: auto;
  filter: grayscale(1); opacity: .78; transition: filter .2s, opacity .2s;
}
:root .is-style-atr-platta:hover,
:root .is-style-atr-platta:focus-within { border-color: var(--skog); }
:root .is-style-atr-platta:hover img,
:root .is-style-atr-platta:focus-within img { filter: none; opacity: 1; }
:root .is-style-atr-platta:has(a:focus-visible) { outline: 2px solid var(--rost); outline-offset: 2px; }
@media (hover: none) { :root .is-style-atr-platta img { filter: none; opacity: 1; } }
/* Optisk utjämning: loggorna har olika proportioner och inbyggd marginal */
:root .is-style-atr-platta.cykelstallet img { max-width: 92%; max-height: 70%; }
:root .is-style-atr-platta.rafaels img { max-width: 70%; max-height: 36%; }
:root .is-style-atr-platta.tradeit img { max-width: 70%; max-height: 34%; }
/* Lions: emblemet får inte färgändras – alltid färg, klubbnamnet intill, frizon ≥ 1/5 */
:root .is-style-atr-platta.lionsplatta { gap: 12px; }
:root .is-style-atr-platta.lionsplatta > figure.wp-block-image { width: auto; height: auto; flex: none; }
:root .is-style-atr-platta.lionsplatta > figure.wp-block-image > a::after { content: ""; position: absolute; inset: 0; }
:root .is-style-atr-platta.lionsplatta img {
  height: 58px; width: 58px; max-width: none; max-height: none; filter: none; opacity: 1; margin: 0;
}
:root .is-style-atr-platta.lionsplatta > p {
  font-size: 11.5px; line-height: 1.25; font-weight: 600; color: #3a3f44; text-align: left;
  max-width: 9ch; margin: 0;
}
@media (max-width: 640px) {
  :root .is-style-atr-plattor { grid-template-columns: repeat(2, 1fr); }
  :root .is-style-atr-platta { height: 76px; }
  :root .is-style-atr-platta.lionsplatta img { height: 44px; width: 44px; }
}
/* Textlåda: företagsnamn i text tills en bättre logotyp finns */
:root .is-style-atr-platta.textlada > p { margin: 0; max-width: none; text-align: center; }
:root .is-style-atr-platta.textlada > p a {
  font-family: var(--disp); font-size: 21px; font-weight: 600; line-height: 1.15; letter-spacing: .005em;
  color: #3a3f44; text-decoration: none; transition: color .2s;
}
:root .is-style-atr-platta.textlada > p a::after { content: ""; position: absolute; inset: 0; }
:root .is-style-atr-platta.textlada:hover > p a,
:root .is-style-atr-platta.textlada:focus-within > p a { color: var(--black); }
@media (prefers-color-scheme: dark) {
  :root .is-style-atr-platta.textlada > p a { color: var(--ink-2); }
  :root .is-style-atr-platta.textlada:hover > p a { color: var(--ink); }
}
@media (max-width: 640px) { :root .is-style-atr-platta.textlada > p a { font-size: 19px; } }
/* Mörkt läge: mörk platta för loggor med mörk variant, ljus platta för övriga */
@media (prefers-color-scheme: dark) {
  :root .is-style-atr-platta:not(.alltidljus) { background: var(--card); }
}

/* ── Styrelsen ─────────────────────────────────────────────────────────── */
:root main ul.is-style-atr-styrelse {
  display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  list-style: none; padding: 0; margin: 0; max-width: none;
}
:root main ul.is-style-atr-styrelse li {
  margin: 0; background: var(--card); border: 1px solid var(--linje); border-radius: 4px;
  padding: 16px 20px 15px;
  /* Rollen: resten av raden efter namnet */
  font-size: 11px; letter-spacing: .13em; text-transform: uppercase; font-weight: 700; color: var(--ink-2);
}
/* Namnet skrivs i fetstil i listan */
:root main ul.is-style-atr-styrelse li strong {
  display: block; margin-bottom: 3px; font-family: var(--disp); font-size: 20px; font-weight: 600;
  line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--ink);
}
:root main ul.is-style-atr-styrelse li:first-child { border-left: 3px solid var(--skog); }

/* ── Sidfot ────────────────────────────────────────────────────────────── */
/* Sidfoten är .wrap i skissen: .wrap-paddingen (0 26px) vinner över footer-regeln */
:root .atr-sidfot { border-top: 1px solid var(--linje); font-size: 14px; color: var(--ink-2); }
:root .atr-sidfot p { max-width: none; }
:root .atr-fot { margin: 0 0 22px; padding-bottom: 22px; border-bottom: 1px solid var(--linje); }
:root .atr-fotrad { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px; min-height: 44px; margin: 0; }
:root .atr-fotrad + .atr-fotrad { margin-top: 10px; }
:root p.is-style-atr-fotetikett {
  font-size: 10.5px; letter-spacing: .15em; text-transform: uppercase; font-weight: 700;
  color: var(--ink-2); min-width: 180px; margin: 0;
}
:root .atr-fotrad figure.wp-block-image { margin: 0; line-height: 0; border-radius: 3px; }
:root .atr-fotrad figure.wp-block-image img { width: auto; display: block; }
:root .atr-fotrad figure.op img { height: 48px; }
:root .atr-fotrad figure.alcom img { height: 28px; }
/* Officiell mörk variant (PNG) har mer luft runt ordbilden – höjs så att den syns lika stor */
:root .atr-fotrad figure.alcom.mork img { height: 35px; }
:root .atr-fotrad figure.wp-block-image a:focus-visible { outline: 2px solid var(--rost); outline-offset: 4px; }

:root .atr-fotnav { margin: 0 0 10px; }
:root .atr-fotnav,
:root .atr-fotnav .wp-block-navigation__container { gap: 4px 18px; flex-wrap: wrap; }
:root .atr-fotnav .wp-block-navigation-item a.wp-block-navigation-item__content {
  padding: 0; font: inherit; font-size: 14px; line-height: 1.65; color: var(--ink-2);
  text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--linje);
}
:root .atr-fotnav .wp-block-navigation-item a.wp-block-navigation-item__content:hover { color: var(--skog); }
:root .atr-fotnav .wp-block-navigation-item a.wp-block-navigation-item__content:focus-visible { outline: 2px solid var(--rost); outline-offset: 2px; }
/* E-postlänken är en vanlig länk i skissen (rostfärgad) */
:root .atr-fotnav .wp-block-navigation-item a.wp-block-navigation-item__content[href^="mailto:"] {
  color: var(--rost); text-decoration-color: currentColor; text-underline-offset: auto;
}
/* Facebook: liten självhostad ikon framför texten, samma färg som övriga fotlänkar i både ljust och mörkt läge */
:root .atr-fotnav .wp-block-navigation-item.atr-ikon-facebook a.wp-block-navigation-item__content {
  display: inline-flex; align-items: center; gap: 6px;
}
:root .atr-fotnav .wp-block-navigation-item.atr-ikon-facebook a.wp-block-navigation-item__content::before {
  content: ""; flex: none; width: 13px; height: 13px; background: currentColor;
  -webkit-mask: url("../images/ikon-facebook.svg") center / contain no-repeat;
  mask: url("../images/ikon-facebook.svg") center / contain no-repeat;
}
:root .atr-sidfot > p:last-child { margin: 0; }

/* ── Enkla mallar (index, 404) ─────────────────────────────────────────── */
:root .atr-inlagg { padding: 46px 0; border-top: 1px solid var(--linje); }
:root .atr-inlagg:first-child { border-top: 0; }
:root .wp-block-query .wp-block-post-title { font-size: 26px; margin: 0 0 10px; }
:root .wp-block-query .wp-block-post-title a { color: inherit; text-decoration: none; }