/*
Theme Name: ATDT avslutaprenumeration-se
Description: GeneratePress-barntema (tunt identitetslager) för avslutaprenumeration.se. Oberoende konsumentguider för att säga upp prenumerationer. Arketyp E-variant (guide/trust), friskt och beslutsamt. Emerald + korall, Gabarito, klipp-linje-motiv. Komponenter ligger i pluginet atdt-theme-kit.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* ===== ARKETYP E-VARIANT — GUIDE/TRUST, VÄNLIG OCH BESLUTSAM ===== */
/* Hög läsbarhet, tydliga steg, generös luft. Emerald för klart/avslutat, korall för fällor. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.75}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.22rem;line-height:1.55;color:var(--atdt-ink);font-weight:500}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.015em;line-height:1.12}

/* H2 med klipp-linje: streckad "perforering" som sidan att säga upp längs. */
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.5rem;margin:2.4em 0 .7em;padding-bottom:.5em;position:relative}
.entry-content h2::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-image:linear-gradient(90deg,var(--atdt-accent) 0 10px,transparent 10px 18px);background-size:18px 2px;opacity:.7}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;font-size:1.18rem;margin-top:1.7em;color:var(--atdt-ink)}

a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--atdt-accent) 45%,transparent)}
a:hover{text-decoration-color:var(--atdt-accent)}

/* Hero — enkel bildfigur (INTE kitets 2-kolumnsgrid, se hero-kollision). */
figure.atdt-hero{display:block;margin:0 0 1.8rem}
.atdt-hero{margin:0 0 1.8rem}
.atdt-hero img{width:100%;height:auto;border-radius:var(--atdt-radius);display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-size:.8rem;color:var(--atdt-muted);margin-top:.5rem}

/* Kort — mjuka, med emerald-vänsterkant. */
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:2rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent);border-radius:var(--atdt-radius);padding:1.2rem 1.3rem;transition:box-shadow .15s,transform .15s}
.atdt-card:hover{box-shadow:0 12px 30px -20px rgba(14,159,110,.55);transform:translateY(-2px)}
.atdt-card h3{margin-top:0}
.atdt-card a{text-decoration:none}

/* Beslutstabell (var tecknade du / där säger du upp) — mono-siffror, emerald-header. */
.entry-content table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:1rem;border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);overflow:hidden}
.entry-content thead th{background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display);font-weight:600}
.entry-content th,.entry-content td{padding:.7em .9em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody tr:last-child td{border-bottom:0}
.entry-content tbody td:first-child{font-weight:600}
.atdt-spec,.entry-content table small{font-family:var(--atdt-font-mono);font-size:.82em;color:var(--atdt-muted)}

/* Faktaruta / konsumenträtt — emerald. Varningsruta (fälla) — korall via .atdt-warn. */
.entry-content blockquote{border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent);background:color-mix(in srgb,var(--atdt-accent) 7%,var(--atdt-surface));border-radius:0 var(--atdt-radius) var(--atdt-radius) 0;margin:1.8em 0;padding:1em 1.2em;font-size:.98rem}
.atdt-warn,.entry-content .is-style-warn{border:1px solid color-mix(in srgb,var(--atdt-accent-2) 40%,var(--atdt-neutral));border-left:4px solid var(--atdt-accent-2);background:color-mix(in srgb,var(--atdt-accent-2) 8%,var(--atdt-surface));color:var(--atdt-ink);border-radius:0 var(--atdt-radius) var(--atdt-radius) 0;margin:1.8em 0;padding:1em 1.2em}

/* Knappar — emerald, hover korall (beslut = handling). */
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:999px;font-family:var(--atdt-font-display);font-weight:600;padding:.55em 1.3em}
.wp-block-button__link:hover,.button:hover,button:hover{background:var(--atdt-accent-2)}

/* ===== avslutaprenumeration.se: identitet ovanpå arketypen ===== */
.site-header{background:var(--atdt-surface);border-bottom:3px solid var(--atdt-accent)}
.main-navigation,.site-header .inside-header{background:transparent}
.site-title a{color:var(--atdt-ink)}
.entry-title{font-size:2.1rem}
.inside-article,.page .inside-article,.single .inside-article{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:clamp(1.1rem,3vw,2.2rem)}
/* Aktiv nav-markör: emerald-understreck. */
.main-navigation .main-nav ul li.current-menu-item > a{box-shadow:inset 0 -3px 0 var(--atdt-accent)}

/* Sidfotsmotiv: klipp-linje (streckad perforering) i emerald. */
.atdt-cutline,.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:2px;margin-top:2.6rem;color:var(--atdt-accent);background-image:linear-gradient(90deg,currentColor 0 12px,transparent 12px 22px);background-size:22px 2px;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}.entry-title{font-size:1.6rem}}