/*
Theme Name: ATDT GP Uppgradera
Theme URI: https://www.uppgradera.se
Description: Unikt GeneratePress-barntema for uppgradera.se. Arketyp A (Faltguide): robust, utilitar verkstadsestetik for hardvaru-how-to. Egen palett (brand koppar-orange + stalbla pa benvit), egna self-hostade fonts (Space Grotesk + Inter + IBM Plex Mono), eget kretskorts-sidfotsmotiv.
Author: Redaktionen
Template: generatepress
Version: 1.0.0
Text Domain: atdt-gp-uppgradera
*/

@import url("tokens.css");
@import url("fonts.css");

/* ===== ARKETYP A — FÄLTGUIDE (robust, utilitär, data-driven) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.62}
.entry-content{font-size:1.02rem}
.atdt-lead{font-size:1.18rem;line-height:1.5;font-weight:500;color:var(--atdt-ink)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:800;letter-spacing:-.02em;line-height:1.08}
.entry-content h2{font-family:var(--atdt-font-display);text-transform:uppercase;letter-spacing:.07em;font-size:1.16rem;line-height:1.2;margin:2.4em 0 .8em;padding:.1em 0 .1em .8em;border-left:6px solid var(--atdt-accent)}
.entry-content h3{font-family:var(--atdt-font-display);text-transform:uppercase;letter-spacing:.04em;font-size:1rem;margin-top:1.6em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}
a:hover{color:var(--atdt-accent-2)}
.atdt-hero{margin:0 0 1.8rem}
.atdt-hero img{width:100%;height:auto;border-radius:0;display:block;border-bottom:4px solid var(--atdt-accent)}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;color:var(--atdt-muted);margin-top:.5rem}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;border:1px solid var(--atdt-neutral);border-radius:4px;overflow:hidden;margin:2rem 0}
.atdt-card{background:var(--atdt-surface);border:0;border-top:4px solid var(--atdt-accent);border-right:1px solid var(--atdt-neutral);border-bottom:1px solid var(--atdt-neutral);padding:1.1rem 1.2rem;transition:background .15s}
.atdt-card:hover{background:var(--atdt-bg)}
.atdt-card h3{margin-top:0}
.atdt-card a{text-decoration:none}.atdt-card a:hover{text-decoration:underline}
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-family:var(--atdt-font-mono);font-size:.9rem;border:1px solid var(--atdt-ink)}
.entry-content thead th{background:var(--atdt-accent);color:var(--atdt-on-accent);text-transform:uppercase;letter-spacing:.04em;font-family:var(--atdt-font-display)}
.entry-content th,.entry-content td{padding:.6em .8em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody tr:nth-child(even){background:var(--atdt-bg)}
.entry-content blockquote{border-left:6px solid var(--atdt-accent-2);background:var(--atdt-surface);margin:1.6em 0;padding:.8em 1.1em}
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:3px;font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em}

/* Faktaruta (spec-kort) */
.atdt-spec{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:6px solid var(--atdt-accent-2);padding:1rem 1.2rem;margin:1.8em 0;font-family:var(--atdt-font-mono);font-size:.92rem}
.atdt-spec strong{font-family:var(--atdt-font-display);text-transform:uppercase;letter-spacing:.04em}

/* Sidfotsmotiv — kretskorts-trace (uppgradera, eget motiv) */
.atdt-trail{display:block;width:100%;height:26px;margin-top:2.6rem;color:var(--atdt-accent);opacity:.55}

/* 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}}