/*
Theme Name: ATDT Hittamalmo.se
Theme URI: https://www.hittamalmo.se/
Description: GeneratePress-barntema for hittamalmo.se, nyttoguide till Malmo med stadsdelsguider per delomrade samt yrkes-, bransch- och bostadssidor plus ett eget Oresundsspar. Arketyp F (directory): scanbart och app-likt, kort med toppstripe och jamforelsetabell med betonad forsta kolumn. Identitet: djupgron mot svagt gronskiftande papper med sundsbla som datafarg, Epilogue plus Barlow, sundslinjen i sidfoten. Skild fran systersajterna Stockholm, Goteborg och Uppsala pa palett, typsnitt, motiv, radie och maxbredd, och fran utforskamalmo.se pa uppdrag. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.0
*/

/* ===== GP-globala variabler -> tokens. MASTE ligga forst, fore arketypens kropp.
   Utan detta lacker GeneratePress standardbla (#1e73be) in i navigering,
   knappar och lankhovring och lagger sig bredvid sundsblan, alltsa tva blaa som
   inte ar samma bla. GP:s --accent styr lanktext och kopplas darfor till
   --atdt-link, inte till --atdt-accent: har ar de tva olika toner (#125E41 mot
   #146B4A) och skillnaden ska halla. ===== */
: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 F - DIRECTORY/LISTING (kataloger, jamforelse, "hitta X", aggregatorer) ===== */
/* Scanbart, app-likt, tatt. Kort med toppstripe, jamforelsetabell med betonad forsta kolumn. */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.6}
.entry-content{font-size:1rem}
.atdt-lead{font-size:1.15rem;line-height:1.5;font-weight:500}
h1,.entry-title,.site-title{font-family:var(--atdt-font-display);font-weight:700;letter-spacing:-.015em;line-height:1.1}
.entry-content h2{font-family:var(--atdt-font-display);font-weight:700;font-size:1.35rem;margin:2.2em 0 .7em;padding-left:.7em;border-left:4px solid var(--atdt-accent)}
.entry-content h3{font-family:var(--atdt-font-display);font-weight:700;font-size:1.05rem;margin-top:1.4em}
a{color:var(--atdt-accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--atdt-accent) 40%,transparent)}
a:hover{border-bottom-color:var(--atdt-accent)}
.atdt-hero{margin:0 0 1.6rem}
.atdt-hero img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;border-radius:8px;display:block}
.atdt-hero figcaption,.atdt-fotocred{display:block;font-size:.74rem;color:var(--atdt-muted);margin-top:.4rem}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.9rem;margin:1.8rem 0}
.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:10px;padding:1.1rem 1.1rem 1rem;position:relative;transition:border-color .15s,box-shadow .15s}
.atdt-card::before{content:"";position:absolute;top:0;left:1.1rem;right:1.1rem;height:3px;background:var(--atdt-accent);border-radius:0 0 3px 3px}
.atdt-card:hover{border-color:var(--atdt-accent);box-shadow:0 8px 22px -16px rgba(0,0,0,.4)}
.atdt-card h3{margin:.35rem 0 .3rem}
.atdt-card a{border:0}
/* jamforelsetabell: accent-header (sticky) + betonad forsta kolumn */
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem;border:1px solid var(--atdt-neutral)}
.entry-content thead th{background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display);position:sticky;top:0}
.entry-content th,.entry-content td{padding:.6em .8em;border-bottom:1px solid var(--atdt-neutral);border-right:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody td:first-child{font-weight:600;background:color-mix(in srgb,var(--atdt-accent) 6%,var(--atdt-surface))}
.entry-content blockquote{border-left:4px solid var(--atdt-accent);background:var(--atdt-surface);margin:1.6em 0;padding:.8em 1.1em;border-radius:0 8px 8px 0}
.wp-block-button__link,.button,button{background:var(--atdt-accent);color:var(--atdt-on-accent);border-radius:8px;font-family:var(--atdt-font-display);font-weight:600;padding:.5em 1.1em}

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

/* ===================================================================
   Sajtspecifikt lager for hittamalmo.se.
   Arketypens kropp ovan ar gemensam for de fyra hitta-sajterna, det har ar
   Malmos egen identitet. De fyra ska screenshotas i montage sida vid sida
   innan nagot deployas: ser de ut som kloner ar det radie, maxbredd och
   stripe-tjocklek som ska skiljas at forst, inte fargerna.
   =================================================================== */

a{color:var(--atdt-link)}
a:hover,a:focus-visible{color:var(--atdt-ink)}

/* Malmos varden: radie 12px och spalt 1000px. Malmo far den MJUKASTE radien
   och den SMALASTE spalten av de fyra. Systrarna har 10/1080, 6/1040 och
   4/1020, sa att de fyra F-sajterna inte far identisk rytm. */
.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 far anvandas. Barlow har akta kursiv hos fontsource och skarningen
   ligger i assets/fonts/ som egen fil, sa den lutade varianten ar aldrig
   syntetisk. Se aven fonts.css: Barlow ar INTE variabel, varje vikt och stil
   ar en egen fil. */
em,i,dfn,cite{font-style:italic}

/* Flourish: kortens toppstripe. Malmo kor SAMMA tjocklek som Stockholm, 4px,
   men med 12px radie. Det ger stripen en mjukare avslutning i hornen och ar
   den detalj som skiljer de tva visuellt. Andra inte tjockleken utan att lasa
   konceptet: skillnaden ar avsiktligt lagd i radien. */
.atdt-card,.atdt-panel{border-top:4px solid var(--atdt-accent);background:var(--atdt-surface)}
.atdt-section-stripe{border-top:4px solid var(--atdt-accent);padding-top:1rem}
/* Arketypens egen ::before-stripe stangs av. Den ritar en andra, indragen
   stripe inuti kortet och ger dubbla linjer overst nar sajtlagret ovan
   redan satt sin egen. Stripe-tjockleken ska agas av sajtlagret, eftersom
   det ar tjockleken som skiljer Malmo fran de tre systrarna. */
.atdt-card::before{content:none}

/* Mono bar hyresnivaer, antal objekt, annonsantal och kontrolldatum. */
.atdt-nyckeltal,.atdt-hyra,.atdt-antal,.atdt-kontrolldatum,.entry-content td.atdt-num{font-family:var(--atdt-font-mono);font-weight:400;font-variant-numeric:tabular-nums}

/* Nyckeltalsraden direkt under ingressen: mono mot neutralfaltet,
   black pa neutral 13,93:1.
   FORETAGSFALTET renderas inte forran polygonbygget for delomradena ar gjort,
   eftersom companies.city ar postadress och inte geografi. Mallen visar raden
   UTAN faltet, aldrig med ett tomt falt. Det finns darfor med vilje ingen stil
   for ett tomt nyckeltalsfalt har. */
.atdt-nyckeltalsrad{display:flex;flex-wrap:wrap;gap:1.4rem;background:var(--atdt-neutral);border-radius:var(--atdt-radius);padding:.9rem 1.1rem;margin:1.2rem 0;font-family:var(--atdt-font-mono);font-size:.86rem;color:var(--atdt-ink)}
.atdt-nyckeltalsrad .etikett{display:block;font-family:var(--atdt-font-body);font-size:.74rem;font-weight:400;color:var(--atdt-muted)}

/* Oresundssidornas egen komponent: hanvisningsblock med myndighetens namn, vad
   den svarar pa och en utgaende lank, staplat som en lista med kraftig
   vansterkant i sundsbla.
   BLOCKET HAR MEDVETET INGEN PLATS FOR ETT EGET SVAR, bara for fragan och
   lanken. Skatt, socialforsakring och a-kassa far aldrig besvaras i egen text
   har, och det finns darfor ingen .svar-stil i blocket. Lagg inte till en. */
.atdt-hanvisning{list-style:none;margin:1.8rem 0;padding:0}
.atdt-hanvisning>li{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:5px solid var(--atdt-accent-2);border-radius:0 var(--atdt-radius) var(--atdt-radius) 0;padding:.9rem 1.1rem;margin:0 0 .7rem}
.atdt-hanvisning .myndighet{display:block;font-family:var(--atdt-font-display);font-weight:700;color:var(--atdt-ink)}
.atdt-hanvisning .fraga{display:block;color:var(--atdt-muted);font-size:.9rem;margin:.15em 0 .5em}

/* Zombieannonserna slog hardast i Malmo, sa bostadslagessidan bar ett synligt
   falt med datum for senast verifierade stadning. En vard vars spindel ar
   frusen far ingen rad alls i tabellen, alltsa finns ingen stil for en frusen
   rad har heller. */
.atdt-stadningsdatum{display:inline-block;border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);background:var(--atdt-neutral);color:var(--atdt-ink);font-family:var(--atdt-font-mono);font-size:.8rem;padding:.3em .7em}

/* Jamforelsetabell med betonad forsta kolumn (hyresvard pa bostadslagessidan). */
.entry-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.94rem;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-display);font-weight:700;font-size:.82rem;text-align:left;letter-spacing:.01em}
.entry-content th,.entry-content td{padding:.62em .85em;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)}
/* SNI-avgransningen pa bransch-sidorna: notrad i mono direkt under tabellen.
   Bransch-sidan oppnar alltid med eget snitt som stapelgrafik, aldrig som en
   ren lista. */
.atdt-notrad{font-family:var(--atdt-font-mono);font-size:.78rem;color:var(--atdt-muted);margin:-1em 0 1.8em}

/* List: filterkolumn till vanster, kortresultat till hoger. */
.atdt-filterlayout{display:grid;grid-template-columns:minmax(180px,230px) 1fr;gap:1.8rem;align-items:start}
.atdt-filter{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:1rem 1.1rem;font-size:.9rem}

/* Object: brett hero som ger stadsdelen ett ansikte. Heron ar omradets ansikte,
   aldrig en upplevelsebild. Det ar gransen mot utforskamalmo.se. */
.atdt-wide-hero{margin:0 0 1.4rem}
.atdt-wide-hero img{width:100%;height:auto;aspect-ratio:24/9;object-fit:cover;border-radius:var(--atdt-radius)}

/* Datagrafik bar sundsbla, aldrig gront: nastan varje kort ar ocksa en lank,
   och ingen stapel eller kartmarkor ska kunna lasas som en lank. Sundsbla mot
   bakgrund 8,16:1, vit text pa sundsbla 8,57:1. Tyngdpunkterna Centrum och
   Triangeln, Vastra hamnen, Hyllie och Nyhamnen far bredare kort i kortgridet.
   YRKESSIDAN: ingen grafik far antyda att sidan tacker hela Oresundsregionen.
   Danska jobb och loner finns inte i datan, sa ingen karta, ingen jamforande
   stapel och ingen rubrik far stracka sig over sundet. Det finns darfor ingen
   stil for en tvalandskarta har. */
.atdt-stapel,.atdt-kartmarkor,.atdt-kurva .serie{background:var(--atdt-accent-2);color:var(--atdt-on-accent)}
.atdt-karta{background:var(--atdt-neutral);border-radius:var(--atdt-radius)}
.atdt-card.ar-tyngdpunkt{grid-column:span 2}

.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-ink);color:var(--atdt-on-accent)}

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

/* Sidhuvud och navigering. */
.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:.84rem}
.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. Varje programmatisk sida ska bara sitt datum
   synligt, sa den far aldrig plockas bort av en egen mall. */
.entry-meta{font-family:var(--atdt-font-mono);font-size:.78rem;color:var(--atdt-muted)}

/* Sidfot: vit lanktext mot morkt black, 17,80:1. Dampad sidfotstext 12,20: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 .atdt-footer-muted{color:#D8D4DE}

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

/* MEDVETET UTELAMNAT: ingen platshallarstil for saknad data. En sida som inte
   klarar tunnhetsgrinden publiceras inte, och finns ingen tom-stil kan den inte
   heller publiceras av misstag. Bygg inte in en sadan stil har.
   MEDVETET UTELAMNAT: ingen stil for kotid. Kotid har ingen plats i mallarna. */

@media (max-width:820px){.atdt-filterlayout{grid-template-columns:1fr}.atdt-card.ar-tyngdpunkt{grid-column: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.2rem}
}