/*
Theme Name: ATDT Saywatt.se
Theme URI: https://www.saywatt.se/
Description: Barntema till GeneratePress för Saywatt.se, en pedagogisk och lekfull guide om elbilar. Bold/modern elektrisk identitet (arketyp G).
Author: Atdt AB
Template: generatepress
Version: 0.1.0
Text Domain: atdt-gp-saywatt
*/

/* ===== ARKETYP G - BOLD/MODERN (elbils-zine: stor typografi, tjocka konturer, hårda offset-skuggor) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.6}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.3rem;line-height:1.45;font-weight:600;color:var(--atdt-ink)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:800;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.1rem,5vw,3.2rem)}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:800;letter-spacing:-.02em;font-size:1.9rem;line-height:1.05;margin:2.4em 0 .6em;padding-bottom:.25em;border-bottom:5px solid var(--atdt-ink)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.25rem;margin-top:1.6em}
a{color:var(--atdt-ink);text-decoration:none;background:linear-gradient(var(--atdt-accent),var(--atdt-accent)) no-repeat 0 100%/100% 35%;padding:0 .05em}
a:hover{background-size:100% 100%}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:0;display:block;border:3px solid var(--atdt-ink);box-shadow:10px 10px 0 var(--atdt-accent)}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-mono);font-size:.75rem;color:var(--atdt-muted);margin-top:.7rem;text-transform:uppercase;letter-spacing:.05em}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:2.2rem 0}
.atdt-card{background:var(--atdt-surface);border:2px solid var(--atdt-ink);border-radius:0;padding:1.3rem 1.4rem;transition:transform .12s,box-shadow .12s}
.atdt-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--atdt-accent)}
.atdt-card h3{margin-top:0;font-family:var(--atdt-font-display);font-weight:700}
.atdt-card a{background:none;padding:0}
.entry-content table{width:100%;border-collapse:collapse;margin:1.8em 0;border:2px solid var(--atdt-ink)}
.entry-content thead th{background:var(--atdt-ink);color:var(--atdt-bg);font-family:var(--atdt-font-display);text-transform:uppercase;letter-spacing:.03em}
.entry-content th,.entry-content td{padding:.65em .85em;border:1px solid var(--atdt-ink);text-align:left}
.entry-content blockquote{border:2px solid var(--atdt-ink);background:var(--atdt-accent);color:var(--atdt-on-accent);margin:1.8em 0;padding:1em 1.2em;font-weight:600;box-shadow:6px 6px 0 var(--atdt-ink)}
.wp-block-button__link,.button,button{background:var(--atdt-ink);color:var(--atdt-bg);border:2px solid var(--atdt-ink);border-radius:0;font-family:var(--atdt-font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:4px 4px 0 var(--atdt-accent)}
.site-title a{background:none}

/* Sidfotsmotiv: elektrisk sinuskurva */
.atdt-sine{display:block;width:100%;height:26px;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:.8rem}.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}}