/*
Theme Name: ATDT inkomstforsakring-nu
Description: GeneratePress-barntema for inkomstforsakring.nu. Arketyp E (trust/authority, YMYL finans). Identiteten bygger pa sajtens eget amne: gapet mellan lon och a-kassa, kodat som tva semantiska farger (tackt och gap) som alla datakomponenter delar. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* ===== ARKETYP E - TRUST/AUTHORITY (YMYL finans, forsakring) ===== */
/* Lugnt och lasbart. Amnet ar jobbforlust, sa tonen ska vara saklig och trygg,
   aldrig alarmerande och aldrig saljig. Generos radavstand, tydlig hierarki,
   datatabeller som gar att lasa pa mobil. */

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.2rem;line-height:1.6;color:var(--atdt-ink)}

h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.005em;line-height:1.18}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.5rem;margin:2.4em 0 .7em;padding-left:.75em;border-left:5px solid var(--atdt-accent)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;font-size:1.16rem;margin-top:1.8em;color:var(--atdt-ink)}

a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--atdt-ink)}

/* Hero och bildkredit. Krediten maste synas, aldrig bara ligga i attachment-captionen. */
.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,.atdt-featured-credit{display:block;font-size:.82rem;color:var(--atdt-muted);margin-top:.5rem}

/* ===== Tackningsstapeln: sajtens signaturkomponent =====
   Visar hur stor del av lonen som faktiskt ersatts. Byggs som en enkel flex-stapel
   sa den fungerar utan javascript och gar att lasa av en skarmlasare via texten
   bredvid, inte bara via fargen. Fargen ar aldrig ensam barare av betydelse. */
.atdt-tackning{margin:2rem 0;padding:1.2rem 1.3rem;background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius)}
.atdt-tackning-rubrik{font-family:var(--atdt-font-display);font-weight:600;font-size:1.05rem;margin:0 0 .9rem}
.atdt-tackning-stapel{display:flex;height:2.1rem;border-radius:3px;overflow:hidden;border:1px solid var(--atdt-neutral)}
.atdt-tackning-tackt{background:var(--atdt-tackt);color:var(--atdt-on-accent)}
.atdt-tackning-gap{background:var(--atdt-gap);color:#241C08}
.atdt-tackning-tackt,.atdt-tackning-gap{display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;white-space:nowrap;padding:0 .5rem}
.atdt-tackning-nyckel{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem;font-size:.86rem;color:var(--atdt-muted)}
.atdt-tackning-nyckel span::before{content:"";display:inline-block;width:.7em;height:.7em;border-radius:2px;margin-right:.4em;vertical-align:baseline}
.atdt-tackning-nyckel .n-tackt::before{background:var(--atdt-tackt)}
.atdt-tackning-nyckel .n-gap::before{background:var(--atdt-gap)}

/* Faktaruta och varning. Samma tva semantiska farger aterkommer. */
.atdt-fakta{margin:2rem 0;padding:1.1rem 1.3rem;background:var(--atdt-tackt-bg);border-left:4px solid var(--atdt-tackt);border-radius:var(--atdt-radius);font-size:.97rem}
.atdt-varning{margin:2rem 0;padding:1.1rem 1.3rem;background:var(--atdt-gap-bg);border-left:4px solid var(--atdt-gap);border-radius:var(--atdt-radius);font-size:.97rem}
.atdt-fakta > :first-child,.atdt-varning > :first-child{margin-top:0}
.atdt-fakta > :last-child,.atdt-varning > :last-child{margin-bottom:0}

/* Datatabeller. Sajten jamfor forbund och belopp, sa tabellen ar en huvudyta,
   inte en eftertanke. Forsta kolumnen betonad, siffror hogerstallda med
   tabularsiffror sa kolumnerna faktiskt linjerar. */
.entry-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;background:var(--atdt-surface)}
.entry-content th,.entry-content td{padding:.7rem .8rem;border-bottom:1px solid var(--atdt-neutral);text-align:left;vertical-align:top}
.entry-content thead th{background:var(--atdt-ink);color:#fff;font-family:var(--atdt-font-body);font-weight:600;font-size:.88rem;letter-spacing:.01em}
.entry-content tbody tr:nth-child(even){background:rgba(0,0,0,.015)}
.entry-content td:first-child,.entry-content th:first-child{font-weight:600}
.entry-content td:not(:first-child){font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
/* Tabellen far scrolla i sin egen behallare i stallet for att spranga sidan. */
.entry-content .wp-block-table{overflow-x:auto}

/* Kort och rutnat for oversiktssidor. */
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:2rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-top:4px solid var(--atdt-accent);border-radius:var(--atdt-radius);padding:1.2rem 1.3rem}
.atdt-card h3{margin-top:0}

/* Listor med lite mer luft an GP:s standard. */
.entry-content ul li,.entry-content ol li{margin-bottom:.45em}

/* Sidfot och meta. */
.site-info{font-size:.88rem;color:var(--atdt-muted)}
.entry-meta{font-size:.86rem;color:var(--atdt-muted)}

/* Tillganglighet: synlig fokusmarkering, GP:s standard ar for svag mot den har bakgrunden. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--atdt-accent);outline-offset:2px}

/* Respektera anvandarens val att minska rorelse. */
@media (prefers-reduced-motion: reduce){
	*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

@media (max-width: 768px){
	.entry-content h2{font-size:1.32rem}
	.atdt-tackning-tackt,.atdt-tackning-gap{font-size:.75rem}
}