/*
Theme Name: ATDT vandrarhem-net
Description: GeneratePress-barntema (tunt identitetslager) for vandrarhem-net. Arketyp F. 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 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}}

/* ===== Vandrarhem.net-specifika komponenter (hub, regionkort, objekt-CTA) ===== */
.vh-hero{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-radius:var(--atdt-radius);padding:3rem 2rem;text-align:center;margin:0 0 2.4rem}
.vh-hero h1{font-family:var(--atdt-font-display);font-weight:700;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin:.2em 0 .4em;color:var(--atdt-ink)}
.vh-hero-sub{font-size:1.15rem;color:var(--atdt-muted);max-width:42rem;margin:0 auto 1.6rem}
.vh-book{display:inline-block;background:var(--atdt-accent);color:var(--atdt-on-accent);font-family:var(--atdt-font-display);font-weight:600;text-decoration:none;padding:.7em 1.4em;border-radius:999px;transition:transform .12s,background .12s}
.vh-book:hover{transform:translateY(-2px);background:var(--atdt-ink);color:#fff}
.vh-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:1.4rem 0 2.6rem}
.vh-region-card{display:flex;flex-direction:column;gap:.25rem;background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-left:4px solid var(--atdt-accent);border-radius:var(--atdt-radius);padding:1rem 1.2rem;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s}
.vh-region-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(31,42,46,.10);border-left-color:var(--atdt-accent-2)}
.vh-region-name{font-family:var(--atdt-font-display);font-weight:700;font-size:1.1rem;color:var(--atdt-ink)}
.vh-region-count{font-family:var(--atdt-font-mono);font-size:.8rem;color:var(--atdt-muted)}
/* Single-hostel objekt-CTA */
.vh-cta{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-top:4px solid var(--atdt-accent);border-radius:var(--atdt-radius);padding:1.6rem 1.8rem;margin:2.4rem 0 0}
.vh-cta-lead{font-family:var(--atdt-font-display);font-weight:700;font-size:1.25rem;margin:0 0 .2em;color:var(--atdt-ink)}
.vh-cta .vh-book{margin:.6rem 0 .4rem}
.vh-cta-alt{font-size:.9rem;margin:.3rem 0 0}
.vh-cta-alt a,.vh-region a{color:var(--atdt-accent)}
/* Archive cards: hostel name + region chip */
.vh-card .vh-card-title{font-family:var(--atdt-font-display);font-weight:600;font-size:1.05rem;line-height:1.2;margin:.3em 0 .3em}
.vh-card .vh-card-title a{color:var(--atdt-ink);text-decoration:none}
.vh-card .vh-card-title a:hover{color:var(--atdt-accent)}
.vh-region{font-family:var(--atdt-font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;color:var(--atdt-accent)}
.vh-region a{text-decoration:none}