/*
Theme Name: ATDT trick-se
Description: GeneratePress-barntema (tunt identitetslager) for trick-se. Arketyp C. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur. TODO: forfina beskrivningen per sajt.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/


/* ===== ARKETYP C — LEKFULLT/SAFTIGT (runt, inbjudande, fyllda kort) ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.68}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.2rem;line-height:1.55}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.12}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.5rem;line-height:1.25;margin:2.2em 0 .7em;display:inline-block;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--atdt-accent-2) 55%,transparent) 60%);padding:0 .14em}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.2rem;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-2)}
a:hover{color:var(--atdt-accent-2)}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:22px;display:block;box-shadow:0 18px 40px -18px rgba(0,0,0,.35)}
.atdt-hero figcaption,.atdt-fotocred{display:inline-block;font-family:var(--atdt-font-body);font-size:.76rem;color:var(--atdt-muted);margin-top:.7rem;background:var(--atdt-neutral);padding:.2em .8em;border-radius:999px}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin:2rem 0}
.atdt-card{background:color-mix(in srgb,var(--atdt-accent-2) 13%,var(--atdt-surface));border:0;border-radius:18px;padding:1.3rem 1.4rem;box-shadow:0 8px 20px -14px rgba(0,0,0,.3);transition:transform .15s,box-shadow .15s}
.atdt-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px rgba(0,0,0,.4)}
.atdt-card h3{margin-top:0;color:var(--atdt-accent)}
.atdt-card a{text-decoration:none}
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.6em 0;border-radius:16px;overflow:hidden;background:var(--atdt-surface)}
.entry-content thead th{background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display)}
.entry-content th,.entry-content td{padding:.7em .9em;text-align:left;border-bottom:1px solid var(--atdt-neutral)}
.entry-content tbody tr:nth-child(even){background:color-mix(in srgb,var(--atdt-accent-2) 8%,var(--atdt-surface))}
.entry-content blockquote{border:0;background:color-mix(in srgb,var(--atdt-accent-2) 16%,var(--atdt-surface));border-radius:16px;margin:1.6em 0;padding:1em 1.3em}
.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:700;padding:.55em 1.4em}

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

/* ===== Tricksskolan (färdighetsträd) ===== */
#tricksskolan{margin:1.5rem 0}
.ts-progress{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:1rem 1.2rem;margin-bottom:1rem}
.ts-progress-text{font-size:1.05rem}
.ts-bar{flex:1 1 180px;height:12px;background:var(--atdt-neutral);border-radius:99px;overflow:hidden;min-width:140px}
.ts-bar span{display:block;height:100%;background:var(--atdt-accent-2);border-radius:99px;transition:width .3s}
.ts-reset{font:inherit;font-size:.85rem;border:1px solid var(--atdt-neutral);background:var(--atdt-bg);color:var(--atdt-muted);border-radius:8px;padding:.4em .8em;cursor:pointer}
.ts-nasta{background:#fdeee3;border:1px solid #f3cfb3;color:#9a4a1a;border-radius:var(--atdt-radius);padding:.8em 1.1em;margin-bottom:1.5rem;font-size:1rem}
.ts-nasta.ts-klart{background:#e6f5ec;border-color:#bfe3cd;color:#1c7a47}
.ts-kat{margin-bottom:1.8rem}
.ts-kat-rubrik{font-family:var(--atdt-font-display);font-size:1.4rem;margin:0 0 .8rem;border:0}
.ts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.ts-kort{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:1.1rem;display:flex;flex-direction:column;gap:.55rem}
.ts-kort.klar{border-color:var(--atdt-accent-2);box-shadow:0 0 0 1px var(--atdt-accent-2) inset}
.ts-kort.last{opacity:.62}
.ts-topp{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.ts-namn{font-family:var(--atdt-font-display);font-size:1.12rem;margin:0}
.ts-niva{font-size:.8rem;letter-spacing:-1px;white-space:nowrap}
.ts-txt{font-size:.92rem;color:var(--atdt-ink);margin:0;line-height:1.5}
.ts-krav{font-size:.85rem;color:var(--atdt-muted);margin:0;font-weight:700}
.ts-check{display:inline-flex;align-items:center;gap:.45em;font-weight:700;color:var(--atdt-ink);cursor:pointer}
.ts-check input{accent-color:var(--atdt-accent-2);width:1.1em;height:1.1em}
.ts-klicker{margin-top:auto;font-size:.85rem;font-weight:700;color:var(--atdt-accent);text-decoration:none;border:0}
.ts-tom{color:var(--atdt-muted);padding:1.5rem 0}
/* Fotokredit under utvald bild */
.atdt-fotokredit{display:block;font-size:.78rem;color:var(--atdt-muted);font-style:italic;margin:.45rem 0 1.4rem;text-align:right}