/*
Theme Name: Autoaficionado
Theme URI: https://autoaficionado.dk/
Author: Autoaficionado
Description: A light, editorial WordPress theme for Danish car journalism.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: autoaficionado
*/

:root { --aa-ink:#151617; --aa-surface:#f6f3ed; --aa-paper:#fffdf9; --aa-muted:#696963; --aa-rule:#d9d4ca; --aa-accent:#e4572e; --aa-link:#0d4f7c; --aa-wide:74rem; --aa-reading:43rem; --aa-space-1:.5rem; --aa-space-2:1rem; --aa-space-3:1.5rem; --aa-space-4:2.5rem; --aa-space-5:4.5rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--aa-surface); color:var(--aa-ink); font:400 1rem/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; text-rendering:optimizeLegibility; }
a { color:var(--aa-link); text-decoration-thickness:.08em; text-underline-offset:.16em; }
a:hover { color:var(--aa-accent); }
a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid var(--aa-accent); outline-offset:3px; }
img { display:block; max-width:100%; height:auto; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.screen-reader-text:focus { clip:auto; width:auto; height:auto; margin:var(--aa-space-1); padding:var(--aa-space-1) var(--aa-space-2); z-index:100; background:var(--aa-paper); color:var(--aa-ink); }
.aa-shell { width:min(100% - 2rem,var(--aa-wide)); margin-inline:auto; }
.site-header { background:var(--aa-ink); color:white; border-bottom:4px solid var(--aa-accent); }
.aa-masthead { display:flex; align-items:center; justify-content:space-between; min-height:5.25rem; gap:var(--aa-space-2); }
.site-title { color:white; font:700 clamp(1.25rem,3vw,1.8rem)/1 Georgia,serif; letter-spacing:-.04em; text-decoration:none; white-space:nowrap; }
.site-title span { color:#ffb29c; }
.menu-toggle { display:none; color:white; border:1px solid #777; background:transparent; border-radius:0; padding:.55rem .75rem; font:inherit; }
.primary-menu { display:flex; flex-wrap:wrap; align-items:center; gap:.2rem 1.25rem; padding:0; margin:0; list-style:none; }
.primary-menu a { color:white; font-size:.88rem; font-weight:700; letter-spacing:.03em; text-decoration:none; }
.primary-menu a:hover,.primary-menu .current-menu-item a { color:#ffb29c; }
.aa-main { padding-block:var(--aa-space-4) var(--aa-space-5); }
.aa-eyebrow { margin:0 0 .5rem; color:var(--aa-accent); font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.aa-title { margin:0; font:700 clamp(2rem,6vw,4.6rem)/.98 Georgia,serif; letter-spacing:-.055em; }
.aa-intro { max-width:48rem; margin:var(--aa-space-2) 0 0; font-size:clamp(1.1rem,2vw,1.35rem); }
.aa-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:var(--aa-space-3); margin-top:var(--aa-space-4); }
.aa-lead { grid-column:span 7; padding-bottom:var(--aa-space-4); border-bottom:1px solid var(--aa-rule); }
.aa-side { grid-column:span 5; padding-left:var(--aa-space-3); border-left:1px solid var(--aa-rule); }
.aa-card { display:grid; grid-template-columns:10rem 1fr; gap:var(--aa-space-2); padding-block:var(--aa-space-2); border-top:1px solid var(--aa-rule); }
.aa-card:first-child { border-top:0; padding-top:0; }
.aa-card__image { aspect-ratio:3/2; background:linear-gradient(135deg,#25292b,#6c7a7d); object-fit:cover; }
.aa-card__title { margin:.18rem 0 0; font:700 clamp(1.15rem,2vw,1.5rem)/1.1 Georgia,serif; letter-spacing:-.035em; }
.aa-card__title a { color:var(--aa-ink); text-decoration:none; }
.aa-card__title a:hover { color:var(--aa-accent); }
.aa-card__meta { margin:0; color:var(--aa-muted); font-size:.82rem; }
.aa-status { display:inline-block; padding:.17rem .44rem; border:1px solid currentColor; color:#7a351e; font-size:.68rem; font-weight:800; letter-spacing:.08em; line-height:1.2; text-transform:uppercase; }
.aa-status--rygte { color:#7a3c72; }.aa-status--analyse { color:#275d6d; }.aa-status--guide { color:#476628; }.aa-status--officielt { color:#75451a; }
.aa-article { width:min(100%,var(--aa-reading)); margin-inline:auto; }
.aa-article__header { margin-bottom:var(--aa-space-3); }.aa-article__body { font-size:1.13rem; }.aa-article__body h2 { margin-top:2.5em; font:700 1.7em/1.1 Georgia,serif; letter-spacing:-.035em; }.aa-article__body p { margin-block:1.25em; }
.aa-article__source { padding:var(--aa-space-2); border-left:4px solid var(--aa-accent); background:#f0eae0; font-size:.92rem; }
.aa-archive-header { max-width:var(--aa-reading); padding-bottom:var(--aa-space-3); border-bottom:1px solid var(--aa-rule); }.aa-search { display:flex; gap:var(--aa-space-1); }.aa-search input { min-width:0; flex:1; padding:.7rem; border:1px solid var(--aa-muted); border-radius:0; font:inherit; }.aa-button { padding:.7rem 1rem; border:0; border-radius:0; background:var(--aa-ink); color:white; font:700 .9rem/1 Inter,system-ui,sans-serif; cursor:pointer; }
.site-footer { background:#222425; color:#e8e4dc; padding-block:var(--aa-space-4); }.aa-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:var(--aa-space-3); }.site-footer a { color:white; }.site-footer ul { padding:0; margin:0; list-style:none; }.site-footer li+li { margin-top:.4rem; }.aa-footer-small { margin-top:var(--aa-space-3); padding-top:var(--aa-space-2); border-top:1px solid #4f5152; color:#b7b4af; font-size:.82rem; }
.pagination { margin-top:var(--aa-space-4); }.page-numbers { display:inline-block; padding:.4rem .6rem; }.page-numbers.current { background:var(--aa-ink); color:white; }
@media (max-width:48rem) { .aa-masthead { min-height:4.5rem; }.menu-toggle { display:block; }.primary-menu { display:none; width:100%; padding-block:var(--aa-space-2); }.primary-menu.is-open { display:grid; }.aa-masthead { flex-wrap:wrap; }.aa-grid { display:block; margin-top:var(--aa-space-3); }.aa-side { margin-top:var(--aa-space-3); padding:var(--aa-space-3) 0 0; border-left:0; border-top:1px solid var(--aa-rule); }.aa-card { grid-template-columns:7.5rem 1fr; }.aa-footer-grid { grid-template-columns:1fr; }.aa-main { padding-top:var(--aa-space-3); } }