/*
Theme Name: ATDT Kontorsmarknaden.se
Theme URI: https://www.kontorsmarknaden.se/
Description: GeneratePress-barntema for kontorsmarknaden.se, redaktion och datajournalistik om den svenska kontorsmarknaden. Arketyp I (broadsheet): masthuvudskansla, versala rubriker med dubbel linjal och tat kortgrid med hairline-rutnat. Identitet: tidningspapper, massingsgult som ytfarg och djup petrol som datafarg, Petrona plus Cabin, stapelbandet vakansraster i sidfoten. Guldet bar aldrig text, lanktext bar den morkare massingstonen. Skild fran systersajten kontorshotellguiden.se, som ar arketyp J showroom. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.4.0
*/

/* ===== GP-globala variabler -> tokens. MASTE ligga forst, fore arketypens kropp.
   Utan detta lacker GeneratePress standardbla (#1e73be) in i navigeringen, och
   pa just den har sajten blir det extra tydligt eftersom paletten inte innehaller
   nagot blatt utom petrolen.

   GULDREGELN: GP:s --accent styr lanktext, och darfor kopplas den till
   --atdt-link, ALDRIG till --atdt-accent. Guldet mater 2,46:1 mot bakgrunden
   och far bara vara fyllning. Byts raden nedan till var(--atdt-accent) bryts
   tillgangligheten pa hela sajten i ett svep. ===== */
:root:root{--accent:var(--atdt-link);--contrast:var(--atdt-ink);--contrast-2:var(--atdt-muted);--contrast-3:var(--atdt-neutral);--base:var(--atdt-neutral);--base-2:var(--atdt-bg);--base-3:var(--atdt-surface)}

/* ===== ARKETYP I - BROADSHEET (tidnings-/magasingrid, redaktionellt tatt: kultur, aggregatorer, lokalt) ===== */
/* Masthuvud-kansla, versala sektionsrubriker med dubbel linjal, tat kortgrid med hairline-rutnat. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.65}
.entry-content{font-size:1.04rem}
.atdt-lead{font-size:1.22rem;line-height:1.5;font-weight:500}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.01em;line-height:1.08}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;margin:2.4em 0 .7em;padding:.45em 0;border-top:3px solid var(--atdt-ink);border-bottom:1px solid var(--atdt-ink)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.15rem;margin-top:1.5em}
a{color:var(--atdt-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--atdt-ink)}
.atdt-hero{margin:0 0 1.8rem}
.atdt-hero img{width:100%;height:auto;border-radius:0;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-family:var(--atdt-font-body);font-size:.78rem;color:var(--atdt-muted);margin-top:.5rem;border-left:3px solid var(--atdt-accent);padding-left:.6em}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin:2rem 0;border-top:1px solid var(--atdt-ink)}
.atdt-card{background:transparent;border:0;border-bottom:1px solid var(--atdt-neutral);border-right:1px solid var(--atdt-neutral);border-radius:0;padding:1rem 1.2rem 1.2rem}
.atdt-card h3{margin:.2rem 0 .4rem;font-size:1.15rem}
.atdt-card a{text-decoration:none}
.atdt-card:hover h3{color:var(--atdt-accent)}
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem}
.entry-content thead th{border-top:2px solid var(--atdt-ink);border-bottom:2px solid var(--atdt-ink);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-family:var(--atdt-font-body)}
.entry-content th,.entry-content td{padding:.6em .7em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content blockquote{border:0;border-left:4px solid var(--atdt-ink);margin:1.7em 0;padding:.3em 0 .3em 1.2em;font-family:var(--atdt-font-display);font-size:1.25rem;line-height:1.4;font-weight:600}
.wp-block-button__link,.button,button{background:var(--atdt-ink);color:var(--atdt-bg);border-radius:0;font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em}

/* 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;margin-bottom:2.2rem;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}}

/* ===================================================================
   Sajtspecifikt lager for kontorsmarknaden.se.
   Arketypens kropp ovan ar gemensam, det har ar sajtens egen identitet.
   =================================================================== */

/* GULDREGELN I CSS-FORM. Lanktext bar link-tonen (5,32:1 mot bakgrunden),
   aldrig guldet. Skriv aldrig a{color:var(--atdt-accent)}. */
a{color:var(--atdt-link)}
a:hover,a:focus-visible{color:var(--atdt-ink)}

/* Spalt och nastan raka horn ur tokens. */
.site-content .grid-container,.inside-article,.entry-content{max-width:var(--atdt-maxwidth)}
.atdt-card,.atdt-panel,.atdt-hero img,.wp-block-image img{border-radius:var(--atdt-radius)}

/* Kursiv ar tillaten har, till skillnad fran pa systersajten: publikationsnamn
   i kallhanvisningar satts kursivt enligt TT-spraket, och bade Petrona 700
   italic och Cabin 400 italic ligger paketerade som verkliga filer. */
cite,.atdt-publikation{font-style:italic;font-weight:400}
.entry-content blockquote{font-family:var(--atdt-font-display);font-weight:700;font-style:italic}

/* Mono bar siffror i tabeller, perioder, SNI-koder och notrader. */
.atdt-nyckeltal,.atdt-period,.atdt-sni,.atdt-not,.entry-content td.atdt-num{font-family:var(--atdt-font-mono);font-weight:500;font-variant-numeric:tabular-nums}
.atdt-not,.atdt-sni{font-size:.8rem;color:var(--atdt-muted);margin-top:.5em}

/* Datumet ar ett designelement. Varje datasida bar en daterad rad direkt under
   rubriken, i mono mot neutralfaltet (black pa neutral, 13,39:1). Ar datumet
   passerat byter faltet kantfarg till guld, medan texten behaller black och
   sina 13,39:1. Lasaren ser att uppgiften ar gammal utan att nagot blir svarlast.
   Guldet ar alltsa kant, aldrig text. */
.atdt-datumrad{display:inline-block;font-family:var(--atdt-font-mono);font-size:.82rem;font-weight:500;color:var(--atdt-ink);background:var(--atdt-neutral);border-left:4px solid var(--atdt-muted);border-radius:var(--atdt-radius);padding:.35em .8em;margin:.2em 0 1.2em}
.atdt-datumrad.ar-passerad{border-left-color:var(--atdt-accent)}

/* Jamforelsetabell med betonad forsta kolumn, varje rad bar sin period. */
.entry-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:.95rem}
.entry-content thead th{border-top:2px solid var(--atdt-ink);border-bottom:2px solid var(--atdt-ink);font-family:var(--atdt-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;text-align:left}
.entry-content th,.entry-content td{padding:.6em .8em;border-bottom:1px solid var(--atdt-neutral)}
.entry-content tbody th:first-child,.entry-content tbody td:first-child{font-weight:700;color:var(--atdt-ink)}

/* Sidoskena (arketyp I: side-rail). Sajtens kallapparat, och den ska synas:
   period, kallor med namn och lank, nasta omverifieringsdatum. */
.atdt-rail{border-left:2px solid var(--atdt-neutral);padding-left:1.1rem;font-size:.92rem}
.atdt-rail h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}

/* Datagrafik bar petrol, aldrig guld. Guldet far bara vara markorprick. */
.atdt-stapel,.atdt-linje,.atdt-tidsserie .serie{background:var(--atdt-accent-2);color:#FFFFFF}
.atdt-punkt-senaste{background:var(--atdt-accent);border-radius:50%;display:inline-block;width:9px;height:9px}

/* Flourish: dubbel linjal i black med en harfin guldlinje emellan. */
.atdt-double-rule{border-top:3px solid var(--atdt-ink);border-bottom:1px solid var(--atdt-ink);height:5px;background:var(--atdt-accent);margin:1.2rem 0}

/* Knappar: guld som fyllning med black ovanpa, 6,17:1. */
.wp-block-button__link,.button,button,input[type=submit]{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:var(--atdt-radius);font-family:var(--atdt-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.wp-block-button__link:hover,.button:hover,button:hover{background:var(--atdt-accent-2);color:#FFFFFF}

/* Fotokredit under utvald bild. */
.atdt-credit,.atdt-hero figcaption,.wp-block-image figcaption{display:block;font-family:var(--atdt-font-body);font-size:.79rem;color:var(--atdt-muted);margin-top:.5rem;border-left:3px solid var(--atdt-accent);padding-left:.7em}

/* Masthuvud. */
.site-header{background:var(--atdt-bg);border-top:5px solid var(--atdt-accent);border-bottom:3px double var(--atdt-ink)}
.site-title,.main-title{font-family:var(--atdt-font-display);font-weight:700}
.site-title a,.main-title a{color:var(--atdt-ink)}
.site-description{font-family:var(--atdt-font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--atdt-muted)}
.main-navigation{background:var(--atdt-surface);border-bottom:1px solid var(--atdt-neutral)}
.main-navigation .main-nav ul li a{font-family:var(--atdt-font-body);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;color:var(--atdt-ink)}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item>a{color:var(--atdt-link)}

/* GP:s entry-meta star kvar och bar publiceringsdatumet. Den plockas aldrig
   bort: pa en sajt dar datum ar en kvalitetssparr ar det ett innehallsfel. */
.entry-meta{font-family:var(--atdt-font-mono);font-size:.78rem;color:var(--atdt-muted)}

/* Sidfot: vit lanktext mot morkt black, 16,37:1. Dampad sidfotstext 10,73:1. */
.site-info{background:var(--atdt-ink);color:#FFFFFF}
.site-info a{color:#FFFFFF;text-decoration:underline;text-underline-offset:2px}
.site-info .atdt-footer-muted{color:#D5D1C6}

/* Sidfotsmotiv: stapelbandet vakansraster. */
.atdt-motif-rule{max-width:var(--atdt-maxwidth);margin:2.6rem auto 2.2rem;padding:0 1rem}
.atdt-motif-rule svg{display:block;width:100%;height:auto}

@media (max-width:600px){
	.entry-content table{table-layout:fixed;font-size:.82rem}
	.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}
	.entry-content h2{font-size:1.26rem}
	.atdt-rail{border-left:0;border-top:2px solid var(--atdt-neutral);padding:1rem 0 0}
}

/* GeneratePress skriver ut bade andrings- och publiceringsdatum sa snart ett
   inlagg uppdaterats, vilket ger "21 september 202621 september 2026" i
   metaraden. Dolj andringsdatumet, behall det publicerade. Uppmatt 2026-09-21. */
.entry-meta .updated:not(.published) { display: none; }