/*
Theme Name: ATDT Älvsjö.nu
Theme URI: https://www.älvsjö.nu/
Description: GeneratePress-barntema för älvsjö.nu, stadsdelsguide för Älvsjö i södra Stockholm. Arketyp I (broadsheet): lokal tidningskänsla med masthuvud, versala sektionsrubriker med dubbel linjal och tät hairline-kortgrid. Identitet: söderort och Älvsjöskogens grangrön plus tegelröd, tidningspapper, Zilla Slab plus Inter plus IBM Plex Mono, pendeltågsmotiv i sidfoten. Del av ATDT-nätverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* ===== ARKETYP I - BROADSHEET ===== */
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,.entry-summary p:first-of-type{font-size:1.22rem;line-height:1.5;font-weight:500;color:var(--atdt-ink)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.08;color:var(--atdt-ink)}
.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:600;font-size:1.18rem;margin-top:1.5em}
.entry-content h2,.entry-content h3,.entry-content h4{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--atdt-accent-2)}

/* Hero / utvald bild */
.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}

/* Kortgrid (broadsheet hairline) */
.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;font-family:var(--atdt-font-display)}
.atdt-card a{text-decoration:none}
.atdt-card:hover h3{color:var(--atdt-accent)}
.atdt-kicker{font-family:var(--atdt-font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--atdt-accent)}

/* Tabeller */
.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-accent);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}
.wp-block-button__link:hover{background:var(--atdt-accent)}

/* GP-integration: masthuvud-känsla */
.site-header{background:var(--atdt-bg);border-bottom:3px double var(--atdt-ink)}
.main-navigation{background:var(--atdt-bg);border-bottom:1px solid var(--atdt-neutral)}
.main-navigation .main-nav ul li a{font-family:var(--atdt-font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item>a{color:var(--atdt-accent)}
.site-title,.main-title{font-family:var(--atdt-font-display);letter-spacing:-.01em}
.site-description{font-family:var(--atdt-font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--atdt-muted)}
.inside-article .entry-header .entry-title{line-height:1.1}
.entry-meta{font-family:var(--atdt-font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:var(--atdt-muted)}
.site-info{background:var(--atdt-ink);color:var(--atdt-bg)}
.site-info a{color:var(--atdt-bg)}

/* Sidfotsmotiv: pendeltåg/järnväg över Älvsjö (söderort) */
.atdt-alvsjo-line{display:block;width:100%;height:30px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.6}

/* Responsiv tabell */
@media (max-width:600px){
	.entry-content table{table-layout:fixed;width:100%;font-size:.82rem}
	.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}
	.entry-content h2{font-size:1.28rem}
}