/*
Theme Name: ATDT moped-nu
Description: GeneratePress-barntema (tunt identitetslager) for moped.nu. Arketyp J (showroom) med faktablads-objekt: mopedhandlarens skyltfonster pa 1970-talet, kramig emalj, tankgron metallic och reflexgul, kondenserade rubriker och ett ordmarke format som en registreringsskylt. Komponenter ligger i pluginet atdt-theme-kit. Del av ATDT-natverkets temarkitektur.
Author: Atdt AB
Template: generatepress
Version: 0.1.2
*/

/* ===== GP-variabelmappning (maste ligga forst) =====
   GeneratePress skriver egna globala farger (accentbla #1e73be) som CSS-
   variabler i sin inline-CSS. Mappa dem till temats tokens sa slas GP-blaan
   ut vid kallan i stallet for punktvis. */
:root{
	--accent:var(--atdt-accent);
	--contrast:var(--atdt-ink);
	--contrast-2:var(--atdt-muted);
	--contrast-3:var(--atdt-muted);
	--base:var(--atdt-neutral);
	--base-2:var(--atdt-bg);
	--base-3:var(--atdt-surface);
}

/* ===== ARKETYP J - SHOWROOM, moped.nu-varianten ===== */
body{background:var(--atdt-bg);color:var(--atdt-ink);font-family:var(--atdt-font-body);line-height:1.65}
.entry-content{font-size:1.05rem}
.atdt-lead{font-size:1.2rem;line-height:1.55}
h1,h2,h3,h4,.entry-title,.site-title,.main-title,.wp-block-post-title{font-family:var(--atdt-font-display);font-weight:800;letter-spacing:.005em;line-height:1.05;color:var(--atdt-ink)}
h1,.entry-title,.wp-block-post-title{text-transform:uppercase}
.entry-content h2{font-weight:800;font-size:1.9rem;text-transform:uppercase;margin:2.3em 0 .7em;text-align:center}
.entry-content h2::after{content:"";display:block;width:56px;height:5px;background:var(--atdt-accent-2);margin:.45em auto 0}
.entry-content h3{font-weight:600;font-size:1.4rem;margin-top:1.5em}
a{color:var(--atdt-accent);text-decoration:none;border-bottom:1px solid currentColor}
a:hover{color:var(--atdt-ink)}

/* Svenska citattecken: GP nollstaller dem pa <q>. */
q{quotes:"\201D" "\201D" "\2019" "\2019"}
q::before{content:open-quote}
q::after{content:close-quote}

/* ===== Header: ordmarket som en registreringsskylt ===== */
.site-header,.inside-header{background:var(--atdt-bg)}
.main-title{font-size:1.9rem;text-transform:uppercase;letter-spacing:.06em}
.main-title a{display:inline-block;color:var(--atdt-ink);background:var(--atdt-surface);border:3px solid var(--atdt-ink);border-radius:6px;padding:.1em .55em .06em;box-shadow:inset 0 0 0 2px var(--atdt-surface),inset 0 0 0 4px var(--atdt-neutral)}
.main-title a:hover{color:var(--atdt-accent)}
.site-description{font-family:var(--atdt-font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--atdt-muted)}

/* Navigering: asfaltband med reflexgul markering */
.main-navigation,.main-navigation ul ul,.inside-navigation{background:var(--atdt-ink)}
.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item>a{color:#F1EEE4;font-family:var(--atdt-font-display);font-weight:600;font-size:1.08rem;letter-spacing:.06em;text-transform:uppercase;border:0}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li:focus>a,
.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current-menu-ancestor>a,.main-navigation .main-nav ul li.current-menu-parent>a,.main-navigation .main-nav ul li.current-post-ancestor>a,.main-navigation .main-nav ul li.current-category-ancestor>a{color:var(--atdt-accent-2);background:transparent;box-shadow:inset 0 -4px 0 var(--atdt-accent-2)}
.main-navigation .menu-toggle,.main-navigation .menu-toggle .mobile-menu{color:#F1EEE4;background:transparent;font-family:var(--atdt-font-display);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.main-navigation .menu-toggle:hover,.main-navigation .menu-toggle:focus{color:var(--atdt-accent-2);background:transparent}

/* Toppstripe (kitets flourish): reflexgul med asfaltstreck, som en vagkant */
.alk-top-stripe{background:repeating-linear-gradient(-45deg,var(--atdt-accent-2) 0 14px,var(--atdt-ink) 14px 28px)!important;height:6px}

/* Lasyta */
.separate-containers .inside-article,.one-container .site-content,.inside-page-header{background:var(--atdt-surface)}
.entry-meta,.entry-meta a,.posted-on,.byline,.atdt-byline{color:var(--atdt-muted);font-family:var(--atdt-font-mono);font-size:.8rem;letter-spacing:.03em}
.entry-meta a,.atdt-byline a{border-bottom:0}

/* Faktablads-objektet (kitets mono-spec): etiketten som en skylt */
.alk-spechead .alk-eyebrow{display:inline-block;background:var(--atdt-accent-2);color:var(--atdt-ink);padding:.15em .6em;border-radius:3px;font-weight:500}
.alk-spec-title{font-size:clamp(2.1rem,5vw,3.2rem)}

/* Utvald bild: block, aldrig grid (skyddar mot .atdt-hero-klasskollisionen),
   med hojdtak sa heron inte fyller vyporten. */
figure.atdt-hero,.atdt-hero{display:block;margin:0 0 2rem}
.atdt-hero img,.single .wp-post-image,.wp-block-post-featured-image.alk-frame img{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:var(--atdt-radius);display:block}
.wp-block-post-featured-image.alk-frame{border-color:var(--atdt-ink);padding:.5rem}
.atdt-hero figcaption,.atdt-fotocred{display:block;text-align:right;font-family:var(--atdt-font-mono);font-size:.74rem;color:var(--atdt-muted);margin:.45rem 0 1.4rem;letter-spacing:.02em}
.atdt-teaserkredit{display:block;font-family:var(--atdt-font-mono);font-size:.66rem;line-height:1.35;margin-top:.3rem;color:var(--atdt-muted)}

/* Kort (framsidans hero-split och galleriet): tankgron toppkant */
.alk-card,.atdt-card{background:var(--atdt-surface);border:1px solid var(--atdt-neutral);border-top:4px solid var(--atdt-accent);border-radius:var(--atdt-radius)}
.atdt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.3rem;margin:2.2rem 0}
.atdt-card{padding:1.4rem;text-align:center;transition:box-shadow .18s,transform .18s}
.atdt-card:hover,.alk-card:hover{box-shadow:0 14px 30px -20px rgba(29,35,39,.55);transform:translateY(-2px)}
.atdt-card h3{margin-top:0}
.atdt-card a{border:0;display:inline-block;margin-top:.4rem;font-family:var(--atdt-font-display);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}
.atdt-card a::after{content:" \2192"}
.alk-eyebrow a{border:0}

/* Spec-tabell: mono-huvud som ett faktablad */
.entry-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:.98rem;background:var(--atdt-surface)}
.entry-content thead th{background:var(--atdt-ink);color:#F1EEE4;font-family:var(--atdt-font-mono);font-weight:500;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;text-align:left}
.entry-content th,.entry-content td{padding:.7em .85em;border-bottom:1px solid var(--atdt-neutral);text-align:left}
.entry-content tbody td:first-child{color:var(--atdt-ink);font-weight:700}
.entry-content tbody tr:nth-child(even) td{background:var(--atdt-bg)}

/* Faktaruta */
.entry-content blockquote{border:0;background:var(--atdt-bg);border-left:6px solid var(--atdt-accent-2);margin:1.8em 0;padding:1em 1.3em;font-size:1.08rem;font-style:normal}

/* Knappar: tankgron, vit text (5,2:1) */
.wp-block-button__link,.button,button,a.button,input[type="submit"]{background:var(--atdt-accent);color:var(--atdt-on-accent);border:0;border-radius:var(--atdt-radius);font-family:var(--atdt-font-display);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.6em 1.6em}
.wp-block-button__link:hover,.button:hover,button:hover,input[type="submit"]:hover{background:var(--atdt-ink);color:var(--atdt-surface)}

/* Sidfot: asfalt med dackmonster ovanfor */
.atdt-dack{display:block;width:100%;height:24px;margin-top:2.6rem;color:var(--atdt-accent-2);opacity:.9}
.site-info,.site-footer,.footer-widgets,.inside-site-info{background:var(--atdt-ink);color:#C9CBC4}
.site-info a,.footer-widgets a,.footer-bar a{color:#F1EEE4;border-bottom-color:var(--atdt-accent-2)}
.footer-bar .widget_nav_menu li a,.footer-bar-align-right .footer-bar a{font-family:var(--atdt-font-mono);font-size:.8rem;letter-spacing:.04em}

/* Arkivrubriker */
.page-header .page-title,.archive-title{font-family:var(--atdt-font-display);text-transform:uppercase}

/* Responsivt: tabeller, hero-tak och ordmarke */
@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}
	.atdt-hero img,.single .wp-post-image,.wp-block-post-featured-image.alk-frame img{max-height:240px}
	.main-title{font-size:1.5rem}
	.entry-content h2{font-size:1.6rem}
}