/*
Theme Name: ATDT GP Videoproduktion
Template: generatepress
Author: Atdt
Version: 0.1.0
Text Domain: atdt-gp-videoproduktion
Description: Cinematiskt barntema till GeneratePress for videoproduktion.se. Morka filmiska header- och footer-ytor, ljus och hogkontrast lasyta for brodtext, accent i elektrisk cyan med varm barnsten som komplement. Display i Space Grotesk, brodtext i Inter.
*/

@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/space-grotesk-500.woff2') format('woff2');}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/space-grotesk-600.woff2') format('woff2');}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/space-grotesk-700.woff2') format('woff2');}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/inter-400.woff2') format('woff2');}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/inter-500.woff2') format('woff2');}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/inter-600.woff2') format('woff2');}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/inter-700.woff2') format('woff2');}
:root{
  --atdt-bg:#0c1016;
  --atdt-surface:#141a24;
  --atdt-ink:#eef2f7;
  --atdt-muted:#8a94a3;
  --atdt-accent:#14d2e6;
  --atdt-accent-2:#f2a83d;
  --atdt-neutral:#283242;
  --atdt-on-accent:#0c1016;
  --atdt-font-display:"Space Grotesk", system-ui, sans-serif;
  --atdt-font-body:"Inter", system-ui, sans-serif;
  --atdt-font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Layout: arketyp D */

/* ===== 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}
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:600;font-size:1.5rem;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-hero{margin:0 0 2rem;padding:14px;background:var(--atdt-ink);border-radius:10px}
.atdt-hero img{width:100%;height:auto;border-radius:4px;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-mono);font-size:.74rem;letter-spacing:.03em;margin-top:.6rem;color:color-mix(in srgb,var(--atdt-bg) 65%,var(--atdt-accent-2))}
.atdt-fotocred{color:var(--atdt-muted)}
.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 a{text-decoration:none}
.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-ink);color:var(--atdt-bg);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}
.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{background:var(--atdt-accent);color:var(--atdt-on-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}}

/* Kontrastfix: GP renderar vit innehallsyta, sakra mork lasbar text i kortet. */
.inside-article{color:#16202b}
.inside-article .entry-title,.inside-article .entry-title a,.inside-article h1,.inside-article h2,.inside-article h3,.inside-article h4{color:#0c1016}
.inside-article .entry-content a,.inside-article .entry-content a:visited{color:#0a7c88;text-decoration-color:#0a7c88}
.inside-article .entry-meta,.inside-article .entry-meta a{color:#5a6675}
.inside-article .entry-content blockquote{background:#eef4f6}