/*
Theme Name: ATDT GP Textmaskinen
Template: generatepress
Author: Atdt AB
Version: 1.0.2
Text Domain: atdt-gp-textmaskinen-se
Description: Morkt retrofuturistiskt barntema till GeneratePress for textmaskinen.se (AI-skrivande, resurssajt). Aubergine-svart lasyta, plommon glodkort, mint- och lavendelaccent i gradient, monoetiketter for terminalkansla. Display i Syne, brodtext i Work Sans, etiketter i Roboto Mono. Arketyp D.
*/

@font-face{font-family:"Syne";font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/syne-600.woff2') format('woff2');}
@font-face{font-family:"Syne";font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/syne-700.woff2') format('woff2');}
@font-face{font-family:"Syne";font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/syne-800.woff2') format('woff2');}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/work-sans-400.woff2') format('woff2');}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/work-sans-500.woff2') format('woff2');}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/work-sans-600.woff2') format('woff2');}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/work-sans-700.woff2') format('woff2');}
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/roboto-mono-400.woff2') format('woff2');}
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/roboto-mono-500.woff2') format('woff2');}

:root{
  --atdt-bg:#1A1024;        /* aubergine-svart, lasyta */
  --atdt-surface:#2E1D3D;   /* plommon, kortyta */
  --atdt-ink:#F7F5FB;       /* vit, brodtext */
  --atdt-muted:#B9AECB;     /* dis, meta/neutral text */
  --atdt-accent:#2DD4BF;    /* mint */
  --atdt-accent-2:#A78BFA;  /* lavendel */
  --atdt-neutral:#42304F;   /* kantlinje, morkt plommon */
  --atdt-on-accent:#160C1E; /* text pa mint/lavendel */
  --atdt-font-display:"Syne", system-ui, sans-serif;
  --atdt-font-body:"Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --atdt-font-mono:"Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Mappa GeneratePress egna globala variabler till tokens sa GP-blatt (#1e73be)
     aldrig lacker i nav/aktiv menypunkt. Se bulk-kickstart-gotcha. */
  --accent:var(--atdt-accent);
  --contrast:var(--atdt-ink);
  --contrast-2:var(--atdt-muted);
  --base:var(--atdt-bg);
  --base-2:var(--atdt-surface);
  --base-3:var(--atdt-neutral);
}

/* ===== ARKETYP D - RETRO-FUTURIST (elektriskt, tekniskt, signal) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.66}
.entry-content{font-size:1.04rem}
.atdt-lead{font-size:1.18rem;line-height:1.5;color:var(--atdt-ink)}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.1}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.55rem;margin:2.4em 0 .7em;padding-bottom:.35em;background-image:linear-gradient(90deg,var(--atdt-accent),var(--atdt-accent-2));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;margin-top:1.6em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--atdt-accent-2)}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin:2rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:10px;padding:1.2rem 1.3rem;transition:border-color .15s,box-shadow .15s}
.atdt-card:hover{border-color:var(--atdt-accent);box-shadow:0 0 0 1px var(--atdt-accent),0 12px 30px -18px var(--atdt-accent)}
.atdt-card h3{margin-top:0}
.atdt-card h3 a{color:var(--atdt-ink);text-decoration:none}
.atdt-card h3 a:hover{color:var(--atdt-accent)}
.atdt-card p{color:var(--atdt-muted);margin-bottom:0}
.atdt-card .atdt-mono{font-family:var(--atdt-font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--atdt-accent-2);display:block;margin-bottom:.5rem}
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-family:var(--atdt-font-mono);font-size:.9rem}
.entry-content thead th{background:var(--atdt-neutral);color:var(--atdt-ink);font-family:var(--atdt-font-display);letter-spacing:.03em}
.entry-content th,.entry-content td{padding:.6em .85em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content blockquote{border:0;border-left:3px solid var(--atdt-accent);background:var(--atdt-surface);margin:1.6em 0;padding:.8em 1.1em;border-radius:0 8px 8px 0}
.wp-block-button__link,.button,button{background:transparent;color:var(--atdt-accent);border:1px solid var(--atdt-accent);border-radius:6px;font-family:var(--atdt-font-display);font-weight:600;transition:all .15s}
.wp-block-button__link:hover,.button:hover,button:hover{background:var(--atdt-accent);color:var(--atdt-on-accent)}

/* ===== TRUE DARK: tvinga morka ytor pa GP:s standard-vita kort ===== */
.site-content,.content-area,.site-main,.inside-article,#page,.separate-containers .inside-article,body .site,.wp-site-blocks{background:var(--atdt-bg)}
.inside-article,.entry-content,.entry-content p,.entry-content li,.entry-content td,.page-content,.page-content p,.page-content li{color:var(--atdt-ink)}
.inside-article .entry-title,.inside-article .entry-title a,.inside-article h1,.inside-article h2,.inside-article h3,.inside-article h4{color:var(--atdt-ink)}
.entry-meta,.entry-meta a,.posted-on,.byline{color:var(--atdt-muted)}
.entry-meta a:hover{color:var(--atdt-accent)}

/* Header / nav / footer morka */
.site-header,.main-navigation,.site-footer,.inside-header,.footer-widgets{background:var(--atdt-surface)}
.main-navigation .main-nav ul li a,.site-title a,.main-title,.main-title a,.site-description{color:var(--atdt-ink)}
.main-title a,.site-title a{text-decoration:none}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li a:hover{color:var(--atdt-on-accent);background:var(--atdt-accent)}
.main-navigation .main-nav ul li{background:transparent}
.site-info,.site-info a{color:var(--atdt-muted)}

/* Hero: morkt plommon-bezel istallet for ljus ink-ram (arketypens default) */
figure.atdt-hero,.atdt-hero{display:block;margin:0 0 2rem;padding:12px;background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:12px}
.atdt-hero img{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:6px;display:block}
.atdt-hero figcaption,.atdt-fotokredit,.atdt-fotocred{display:block;font-family:var(--atdt-font-mono);font-size:.74rem;letter-spacing:.02em;margin-top:.6rem;color:var(--atdt-muted);font-style:normal}
@media (max-width:600px){.atdt-hero img{max-height:240px}}

/* Hubb-band (startsida) */
.atdt-hub-hero{background:linear-gradient(135deg,var(--atdt-surface),var(--atdt-bg));border:1px solid var(--atdt-neutral);border-radius:14px;padding:2.2rem 1.8rem;margin:0 0 2.2rem;position:relative;overflow:hidden}
.atdt-hub-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 80% -10%,color-mix(in srgb,var(--atdt-accent) 22%,transparent),transparent);pointer-events:none}
.atdt-hub-hero .atdt-mono{font-family:var(--atdt-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--atdt-accent);display:block;margin-bottom:.7rem}
.atdt-hub-hero h1,.atdt-hub-hero h2{margin:.1em 0 .4em;color:var(--atdt-ink)}
.atdt-hub-hero p{color:var(--atdt-muted);font-size:1.1rem;max-width:60ch;margin-bottom:0}

/* Sidfotsmotiv: sinuston (terminalpuls) */
.atdt-sine{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}}