/*
Theme Name: AutoDex ApS Pro
Theme URI: https://www.autodex.dk
Author: AutoDex ApS + ChatGPT
Description: Professionelt bilforhandler-tema. Matcher AutoDex logo (blå/orange), inkluderer køretøjs-lager via shortcode og skabeloner til forside, services, proces og kontakt.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
Text Domain: autodex-aps-pro
Tags: block-theme, full-site-editing, responsive, auto-dealer, inventory
License: GPLv2 or later
*/
:root{
  --primary:#0B63C9; /* blå fra logo */
  --accent:#FF9F1A;  /* orange fra logo */
  --ink:#0f172a;
  --bg:#ffffff;
  --muted:#f5f7fb;
  --container:min(1200px,92vw);
}
.wp-site-blocks{scroll-behavior:smooth}
.container{width:var(--container);margin:0 auto;}
.section{padding:72px 0;}
.section--alt{background:var(--muted);}
.badge{display:inline-block;padding:.35rem .6rem;border-radius:999px;border:1px solid currentColor;font-size:.8rem}
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{border:1px solid #e8ecf4;border-radius:16px;padding:24px;background:#fff}
.soft{border:0;height:1px;background:#eceff4}
.inventory{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.inv-card{border:1px solid #e6eaf2;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.inv-card img{width:100%;height:200px;object-fit:cover}
.inv-card .body{padding:16px;display:flex;flex-direction:column;gap:8px}
.inv-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem;color:#334155}
.price{font-weight:700;color:var(--ink)}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:600}
.btn--outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0 24px}
.filter input,.filter select{padding:.55rem .6rem;border:1px solid #dce1eb;border-radius:10px;width:100%}
dl.spec{display:grid;grid-template-columns:1fr 2fr;gap:.4rem 1rem}
dl.spec dt{font-weight:600;color:#334155}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:12px}
.alert{padding:12px 14px;border-radius:10px;background:#fffaf0;border:1px solid #ffedd5}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}

/* HERO section uses CSS background to avoid PHP in templates */
.hero{
  position:relative;
  background-image: url('assets/hero.jpg');
  background-size: cover;
  background-position: center;
  min-height: 520px;
  display:flex;
  align-items:center;
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background: linear-gradient(0deg, rgba(11,99,201,.65), rgba(11,99,201,.65));
}
.hero > .container{position:relative;color:#fff}
.hero .badge{border-color:#fff;color:#fff}
.hero h1, .hero p{color:#fff}

.icon{width:22px;height:22px;display:inline-block;vertical-align:-4px}
.icon--lg{width:28px;height:28px}
.brand-blue{color:var(--primary)}
.brand-orange{color:var(--accent)}
h1,h2,h3{letter-spacing:-.02em}
a{color:var(--primary)}
a:hover{opacity:.9}
.wp-block-button .wp-block-button__link{padding:.8rem 1.1rem}
.wp-block-button.is-style-outline .wp-block-button__link{border-radius:999px;border:1px solid currentColor}
.card h3{display:flex;align-items:center;gap:.5rem}
.badge{background:rgba(255,255,255,.15)}
.nav a{color:#fff}
/* Improve hero text visibility on bright images */
.hero h1{font-size:clamp(28px,4.2vw,52px);font-weight:800;margin:0 0 .4rem}
.hero p{font-size:clamp(16px,2vw,20px)}

.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.8rem}
.wp-block-buttons .wp-block-button{flex:0 0 auto}

/* Ensure header logo always visible and not overlapped */
.brand-fallback, .wp-site-blocks header img{display:block}