/*
Theme Name: ATDT ekeronyheter-se
Description: GeneratePress-barntema (tunt identitetslager) for ekeronyheter.se, guidesajten for Ekero och Malaroarna. Arketyp I (broadsheet/newsroom). Identitet: Malaroarnas lokaltidning, masthuvud i benvitt tidningspapper, Malarblatt som barande farg med falurott som accent pa slott och sevardheter, Libre Baskerville plus Public Sans, en Malarhorisont som sidfotsmotiv. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.2.0
*/

/* ===== ARKETYP I - BROADSHEET (tidnings-/magasingrid, redaktionellt tatt: kultur, aggregatorer, lokalt) ===== */
/* Masthuvud-kansla, versala sektionsrubriker med dubbel linjal, tat kortgrid med hairline-rutnat. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.65}
.entry-content{font-size:1.04rem}
.atdt-lead{font-size:1.22rem;line-height:1.5;font-weight:500}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.08}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;margin:2.4em 0 .7em;padding:.45em 0;border-top:3px solid var(--atdt-ink);border-bottom:1px solid var(--atdt-ink)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.15rem;margin-top:1.5em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--atdt-ink)}
.atdt-hero{margin:0 0 1.8rem}
.atdt-hero img{width:100%;height:auto;border-radius:0;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-body);font-size:.78rem;color:var(--atdt-muted);margin-top:.5rem;border-left:3px solid var(--atdt-accent);padding-left:.6em}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin:2rem 0;border-top:1px solid var(--atdt-ink)}
.atdt-card{background:transparent;border:0;border-bottom:1px solid var(--atdt-neutral);border-right:1px solid var(--atdt-neutral);border-radius:0;padding:1rem 1.2rem 1.2rem}
.atdt-card h3{margin:.2rem 0 .4rem;font-size:1.15rem}
.atdt-card a{text-decoration:none}
.atdt-card:hover h3{color:var(--atdt-accent)}
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem}
.entry-content thead th{border-top:2px solid var(--atdt-ink);border-bottom:2px solid var(--atdt-ink);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-family:var(--atdt-font-body)}
.entry-content th,.entry-content td{padding:.6em .7em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content blockquote{border:0;border-left:4px solid var(--atdt-ink);margin:1.7em 0;padding:.3em 0 .3em 1.2em;font-family:var(--atdt-font-display);font-size:1.25rem;line-height:1.4;font-weight:600}
.wp-block-button__link,.button,button{background:var(--atdt-ink);color:var(--atdt-bg);border-radius:0;font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em}

/* Sidfotsmotiv (temats variant) */
.atdt-road,.atdt-ridge,.atdt-swell,.atdt-vine,.atdt-trail,.atdt-sine,.atdt-paws,.atdt-vinerule,.atdt-drops,.atdt-stage{display:block;width:100%;height:26px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.5}
/* Responsiv tabell */
@media (max-width:600px){.entry-content table{table-layout:fixed;width:100%;font-size:.8rem}.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}}

/* ===== SAJTIDENTITET: ekeronyheter.se =====
   Arketyp I delas med systersajter i kluster M (lokalguider). Unikheten far
   darfor inte vila pa paletten ensam. Greppet har ar MASTHUVUDET: ett benvitt
   tidningspapper med en dubbel linjal under ordmarket, Malarblatt som barande
   accentfarg och falurott reserverat for slotten och sevardheterna. */

/* KLASSKOLLISION: atdt-theme-kits components.css definierar .atdt-hero som ett
   GRID for sin hero-komposition. Barntemats post_thumbnail_html ateranvander
   samma klassnamn pa en <figure>, som da blir tvakolumnig. Aterstall till block.
   Se [[reference_atdt_hero_class_collision]]. */
figure.atdt-hero{display:block}

/* Heron ar en banderoll, inte en helsida. Utan tak trycker den ner hubbens
   guidelankar under vecket. */
.atdt-hero img{max-height:420px;object-fit:cover;object-position:center}
@media (max-width:768px){.atdt-hero img{max-height:240px}}

/* Masthuvud: ordmarket som en tidningslogotyp med dubbel linjal under. GP
   renderar ordmarket som .main-title, inte .site-title. */
.site-title,.main-title{font-family:var(--atdt-font-display);letter-spacing:.01em}
.site-header .main-title a{color:var(--atdt-ink)}
.site-branding{border-bottom:3px double var(--atdt-ink);padding-bottom:.35em}
.site-description{font-family:var(--atdt-font-body);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--atdt-accent)}

/* Navigation: tidningens ovre kant, versal och tat. */
.main-navigation .menu-item a{font-family:var(--atdt-font-body);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:600}

/* Sektionsrubrikens dubbla linjal far en Malarbla underton pa den nedre linjen. */
.entry-content h2{border-bottom-color:var(--atdt-accent)}

/* Ledartext (ingress): serif-anfang-kansla utan anfang, magasinets ton. */
.atdt-lead{color:var(--atdt-ink)}

/* Kort: hovern lyfter rubriken i Malarblatt, hairline-rutnatet halls kvar. */
.atdt-card:hover{background:color-mix(in srgb,var(--atdt-accent) 4%,transparent)}

/* Sevardhets-/faktaruta: falurott, reserverat for slott och varldsarv. */
.entry-content blockquote{border-left-color:var(--atdt-accent-2)}

/* Vidare-till-lada: en tidningshanvisning ("Las mer", "Sok bostad"). */
.atdt-next{display:block;background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-top:3px solid var(--atdt-accent);padding:1.1em 1.3em;margin:2.2em 0}
.atdt-next strong{font-family:var(--atdt-font-body);color:var(--atdt-accent);display:block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35em}

/* Numrerade steg (ta sig hit, sa funkar farjan): sifferbricka i Malarblatt. */
.entry-content ol{list-style:none;counter-reset:atdt-step;padding-left:0}
.entry-content ol>li{counter-increment:atdt-step;position:relative;padding-left:2.6rem;margin-bottom:.9em}
.entry-content ol>li::before{content:counter(atdt-step);position:absolute;left:0;top:.05em;width:1.7rem;height:1.7rem;display:grid;place-items:center;background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display);font-weight:700;font-size:.82rem}

/* Sidfotsmotivet ar en Malarhorisont; ge den lite mer narvaro. */
.atdt-swell{height:22px;opacity:.6}