/*
Theme Name: ATDT Kontorshotellguiden.se
Theme URI: https://www.kontorshotellguiden.se/
Description: GeneratePress-barntema for kontorshotellguiden.se, redaktionell jamforelse- och kunskapssajt om kontorshotell, coworking och flexplatser i Stockholm, Goteborg, Malmo och Uppsala. Arketyp J (showroom): bildforward, centrerade sektioner, produktkort med CTA-lank och rena spec-tabeller. Identitet: indigo mot varmvitt papper med djup teal som datafarg, Gabarito plus Commissioner, planritningen flexplats-band i sidfoten. Skild fran systersajten kontorsmarknaden.se, som ar arketyp I broadsheet. 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 navigering, aktiv
   menypunkt, knappar och lankhovring, och sajten far tva blaa farger som inte ar
   samma bla. GP:s --accent styr lanktext och kopplas darfor till --atdt-link,
   inte till --atdt-accent: indigon ar ytfarg, den morkare link-tonen ar text. ===== */
: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 J - SHOWROOM (retail/lookbook, produktguider: vaskor, skor, mode, prylar, möbler) ===== */
/* Bildforward, centrerade sektioner, produktkort med CTA-lank, rena spec-tabeller. */
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.2rem;line-height:1.55}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:600;letter-spacing:-.01em;line-height:1.12}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:600;font-size:1.5rem;margin:2.4em 0 .7em;text-align:center}
.entry-content h2::after{content:"";display:block;width:44px;height:2px;background:var(--atdt-accent);margin:.6em auto 0}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:600;font-size:1.15rem;margin-top:1.5em}
a{color:var(--atdt-accent);text-decoration:none;border-bottom:1px solid currentColor}
a:hover{color:var(--atdt-ink)}
.atdt-hero{margin:0 0 2rem}
.atdt-hero img{width:100%;height:auto;border-radius:6px;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;text-align:right;font-size:.76rem;color:var(--atdt-muted);margin-top:.5rem;letter-spacing:.02em}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.3rem;margin:2.2rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:6px;padding:1.4rem;text-align:center;transition:box-shadow .18s,transform .18s}
.atdt-card:hover{box-shadow:0 16px 36px -22px rgba(0,0,0,.45);transform:translateY(-2px)}
.atdt-card h3{margin-top:0}
.atdt-card a{border:0;display:inline-block;margin-top:.4rem;color:var(--atdt-accent);font-family:var(--atdt-font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}
.atdt-card a::after{content:" \2192"}
/* produktspec-tabell */
.entry-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:.98rem}
.entry-content thead th{background:transparent;border-bottom:2px solid var(--atdt-ink);font-family:var(--atdt-font-display);text-align:left}
.entry-content th,.entry-content td{padding:.7em .8em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody td:first-child{color:var(--atdt-muted)}
.entry-content blockquote{border:0;background:var(--atdt-surface);border-top:2px solid var(--atdt-accent);border-bottom:2px solid var(--atdt-accent);margin:1.8em 0;padding:1em 1.2em;text-align:center;font-size:1.1rem}
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:4px;font-family:var(--atdt-font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.6em 1.6em}

/* 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 kontorshotellguiden.se.
   Arketypens kropp ovan ar gemensam, det har ar sajtens egen identitet.
   =================================================================== */

/* Lankar bar link-tonen, aldrig accent. Accent ar yta, link ar text. */
a{color:var(--atdt-link)}
a:hover,a:focus-visible{color:var(--atdt-accent)}
.entry-content a{text-underline-offset:2px}

/* Spalt och radie ur tokens. Jamforelse- och kostnadssidor slapper bredden
   till 1100px, sa att en fullbreddstabell med tio prisuppgifter ryms utan
   vagrat skrollning. Det ar den enda sidtyp dar bredden slapps. */
.site-content .grid-container,.inside-article,.entry-content{max-width:var(--atdt-maxwidth)}
body.atdt-jamforelse .site-content .grid-container,body.atdt-jamforelse .entry-content{max-width:1100px}
.atdt-card,.atdt-panel,.atdt-hero img,.wp-block-image img{border-radius:var(--atdt-radius)}

/* Kursivfallan: varken Gabarito eller Commissioner har akta kursiv, sa en
   lutad variant blir syntetisk och ser trasig ut i bildtextens storlek.
   Betoning gors med vikt 600 och dampad ton i stallet. */
em,i,cite,dfn,.entry-content em,.entry-content i{font-style:normal;font-weight:600;color:var(--atdt-muted)}

/* Mono bar prisuppgifter, antal platser och kontrolldatum. */
.atdt-pris,.atdt-platser,.atdt-kontrolldatum,.atdt-nyckeltal,.entry-content td.atdt-num{font-family:var(--atdt-font-mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.atdt-kontrolldatum{font-size:.82rem;color:var(--atdt-muted)}

/* Spec-tabell: hjalten pa anlaggningssidan, med betonad forsta kolumn.
   Saknas en uppgift lamnas raden ut helt, den skrivs aldrig som tankstreck. */
.entry-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:.96rem;background:var(--atdt-surface);border-radius:var(--atdt-radius);overflow:hidden}
.entry-content thead th{background:var(--atdt-neutral);color:var(--atdt-ink);font-family:var(--atdt-font-body);font-weight:600;text-align:left;font-size:.86rem;letter-spacing:.02em}
.entry-content th,.entry-content td{padding:.7em .9em;border-bottom:1px solid var(--atdt-neutral)}
.entry-content tbody th:first-child,.entry-content tbody td:first-child{font-weight:600;color:var(--atdt-ink)}

/* Inramad objektsida (arketyp J: framed). */
.atdt-framed{border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);background:var(--atdt-surface);padding:1.6rem 1.7rem}

/* Bildbricka utan bild: tonat neutralfalt med anlaggningens initial i display.
   Aldrig en generisk stockbild. */
.atdt-tile-initial{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--atdt-neutral);border-radius:var(--atdt-radius);font-family:var(--atdt-font-display);font-weight:700;font-size:2.6rem;color:var(--atdt-muted)}

/* Datagrafik bar accent-2, aldrig accent, sa att ingen stapel eller kartmarkor
   ser ut som en lank pa en sajt dar nastan varje kort ocksa ar en lank. */
.atdt-stapel,.atdt-kartmarkor,.atdt-prisspann{background:var(--atdt-accent-2);color:var(--atdt-on-accent)}
.atdt-karta{background:var(--atdt-neutral);border-radius:var(--atdt-radius)}

/* Flourish: cta-chip till operatoren, vit text pa indigo, 7,90:1. */
.atdt-chip{display:inline-block;background:var(--atdt-accent);color:var(--atdt-on-accent);border:0;border-radius:999px;padding:.5em 1.1em;font-family:var(--atdt-font-display);font-weight:700;font-size:.92rem;text-decoration:none}
.atdt-chip:hover{background:var(--atdt-link);color:var(--atdt-on-accent)}
.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}
.wp-block-button__link:hover,.button:hover,button:hover{background:var(--atdt-link);color:var(--atdt-on-accent)}

/* Fotokredit under utvald bild. Sajten ar bildforward och varje hero bar kredit. */
.atdt-credit,.atdt-hero figcaption,.wp-block-image figcaption{display:block;font-family:var(--atdt-font-body);font-size:.8rem;font-weight:400;color:var(--atdt-muted);margin-top:.5rem;border-left:3px solid var(--atdt-accent);padding-left:.7em}

/* Sidhuvud och navigering i sajtens egna farger. */
.site-header{background:var(--atdt-surface);border-bottom:1px solid var(--atdt-neutral)}
.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{color:var(--atdt-muted);font-size:.86rem}
.main-navigation{background:var(--atdt-surface)}
.main-navigation .main-nav ul li a{font-family:var(--atdt-font-display);font-weight:500;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-accent)}

/* GP:s entry-meta star kvar och far sajtens typografi. Den plockas aldrig bort:
   kontrolldatum ar en kvalitetssparr pa den har sajten. */
.entry-meta{font-family:var(--atdt-font-mono);font-size:.8rem;color:var(--atdt-muted)}

/* Sidfot: vit lanktext mot morkt black, 18,08:1. Dampad sidfotstext 12,39:1. */
.site-info{background:var(--atdt-ink);color:#FFFFFF}
.site-info a{color:#FFFFFF;border-bottom:1px solid rgba(255,255,255,.4)}
.site-info a:hover{border-bottom-color:#FFFFFF}
.site-info .atdt-footer-muted{color:#D8D4DE}

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

/* MEDVETET UTELAMNAT: ingen platshallarstil for tomt innehall. En sida under
   sparren publiceras inte, och finns ingen tom-stil kan den inte heller
   publiceras av misstag. Bygg inte in en sadan stil har. */

@media (max-width:600px){
	.entry-content table{table-layout:fixed;font-size:.84rem}
	.entry-content th,.entry-content td{word-break:break-word;overflow-wrap:anywhere}
	.entry-content h2{font-size:1.3rem}
}

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