/*
Theme Name: ATDT What the future
Description: GeneratePress-barntema för What the future. Identitet "Framtidsbild": Djupviolett och cyan, framtidsfrågor med retrofuturistisk ton. Arketyp D. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 0.1.3
Text Domain: atdt-gp-whatthefuture-se
*/

/* GeneratePress globala färger följer sajtens tokens. Annars blir aktiv menypunkt
   GP-blå och sidfotens inre yta (.site-info, var(--base-3)) vit, se Network Memory
   "GP globala farger lacker in i barnteman" och "GP malar site-info vitt". */
:root{--accent:var(--atdt-accent);--contrast:var(--atdt-ink);--contrast-2:var(--atdt-muted);--contrast-3:var(--atdt-muted);--base:var(--atdt-neutral);--base-2:var(--atdt-bg);--base-3:var(--atdt-surface)}
/* GP:s äldre färginställningar skrivs ut som fasta hexvärden (sidhuvud och innehåll
   #ffffff, kropp #efefef) och följer inte variablerna ovan. Bind ytorna till tokens,
   annars blir ett mörkt tema vit text på vitt (uppmätt på whatthefuture.se). */
.site-header{background-color:var(--atdt-surface);color:var(--atdt-ink)}
.main-title a,.site-title a{color:var(--atdt-ink)}
.site-description{color:var(--atdt-muted)}
.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation,.one-container .container,.inside-page-header{background-color:var(--atdt-surface);color:var(--atdt-ink)}
.entry-title a{color:var(--atdt-ink)}
.main-navigation,.main-navigation ul ul{background-color:var(--atdt-ink)}
.main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .menu-bar-items{color:var(--atdt-bg)}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--atdt-bg);background-color:var(--atdt-accent-2)}
input[type="text"],input[type="email"],input[type="search"],input[type="url"],textarea,select{background-color:var(--atdt-surface);color:var(--atdt-ink);border-color:var(--atdt-neutral)}
button,input[type="submit"],.wp-block-search__button{background-color:var(--atdt-accent);color:var(--atdt-on-accent)}

/* Sidfotsbandet i sajtens egna färger. GP målar annars .site-info i #222 med
   tematets dämpade text ovanpå, uppmätt 2,6:1 mot kravet 4,5:1. */
.site-info{background-color:var(--atdt-ink);color:var(--atdt-bg)}
.site-info a{color:inherit;text-decoration:underline;text-underline-offset:.15em}



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

/* 0.1.3: ordmärket i displaytypsnittet. GP Premiums typografimodul skriver annars
   ut brödtextens typsnitt på .main-title (uppmätt efter att GP Premium installerades
   2026-10-30), och den globala a-regeln strök under ordmärket. */
.main-title,.main-title a{font-family:var(--atdt-font-display);text-decoration:none}
/* 0.1.3: tak på utvald bild så att rubriken syns ovanför vecket även när fotot är
   stående (uppmätt på /kvantdator/). */
.page-header-image-single img,.featured-image img{width:100%;max-height:440px;object-fit:cover}
@media (max-width:600px){.page-header-image-single img,.featured-image img{max-height:260px}}