/*
Theme Name: ATDT GP Pren
Template: generatepress
Author: Atdt
Description: Barntema till GeneratePress for pren.se. Ren, modern B2B SaaS-identitet med djup indigo, teal-accent och Manrope.
Version: 0.1.2
Text Domain: atdt-gp-pren
*/
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-400.woff2') format('woff2');}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-500.woff2') format('woff2');}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-600.woff2') format('woff2');}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-700.woff2') format('woff2');}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/manrope-800.woff2') format('woff2');}
:root{
  --atdt-bg:#f5f6fa;
  --atdt-surface:#ffffff;
  --atdt-ink:#1e293b;
  --atdt-muted:#475569;
  --atdt-accent:#4338ca;
  --atdt-accent-2:#14b8a6;
  --atdt-neutral:#e2e8f0;
  --atdt-on-accent:#ffffff;
  --atdt-font-display:"Manrope", system-ui, sans-serif;
  --atdt-font-body:"Manrope", system-ui, sans-serif;
  --atdt-font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Layout: arketyp G */
/* ===== ARKETYP G - BOLD/MODERN (brutalistiskt, hogt anslag, design-forward, tech/asikt) ===== */
/* Stor typografi, tjocka konturer, harda offset-skuggor (ingen blur), kantigt. */
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:800;font-size:1.25rem;margin-top:1.6em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--atdt-accent)}
a:hover{color:var(--atdt-ink);text-decoration-color:var(--atdt-ink)}
.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}
.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)}

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

/* Lasbarhet: lankar ar indigo-fargad text med tunn understrykning i stallet for
   en tjock indigo-bakgrundsbjalke (som lag ovanpa nedre tredjedelen av glyferna och
   gav mork-text-pa-indigo = dalig kontrast). Rubriker, sajttitel, nav och knappar
   far farg utan dekoration sa de star rena. Markerad text las-saker vit-pa-indigo. */
h1 a,.entry-title a,.site-title a,.main-title a,.entry-content h2 a,.entry-content h3 a{color:var(--atdt-ink);text-decoration:none}
.entry-title a:hover,.site-title a:hover,.main-title a:hover{color:var(--atdt-accent)}
.main-navigation a,.wp-block-button__link,.button,button{text-decoration:none}
.atdt-card a{text-decoration:none}
::selection{background:var(--atdt-accent);color:#fff}
::-moz-selection{background:var(--atdt-accent);color:#fff}