/*
 * Autolight LED Guide Page Template - scoped styles
 * Everything is scoped under the single wrapper class ".ao-guide", so
 * nothing here can leak out and affect the rest of the site, and the
 * real theme header/footer (outside this wrapper) is completely
 * unaffected. All custom classes are prefixed "ao-g-" to avoid
 * colliding with theme, Elementor or WooCommerce class names.
 */

.ao-guide{
  --ao-bg:#0b0c10;
  --ao-card:#15161d;
  --ao-card-alt:#181a22;
  --ao-border:#242631;
  --ao-gold:#f0b23e;
  --ao-gold-soft:rgba(240,178,62,.12);
  --ao-danger-soft:rgba(226,87,76,.12);
  --ao-text:#ffffff;
  --ao-muted:#9aa0ad;
  --ao-dim:#6b707c;
  --ao-radius-lg:16px;
  --ao-radius-md:12px;
  --ao-radius-sm:10px;
  --ao-maxw:1120px;

  background:var(--ao-bg);
  color:var(--ao-text);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
  padding-bottom:40px;
}
.ao-guide *{box-sizing:border-box;}
.ao-guide a{color:inherit;text-decoration:none;}
.ao-guide img{max-width:100%;display:block;}

.ao-guide .ao-g-wrap{max-width:var(--ao-maxw);margin:0 auto;padding:0 24px;}

/* breadcrumb */
.ao-guide .ao-g-breadcrumb{font-size:13px;color:var(--ao-dim);padding:18px 0 0;}
.ao-guide .ao-g-breadcrumb a{color:var(--ao-dim);}
.ao-guide .ao-g-breadcrumb a:hover{color:var(--ao-gold);}

/* eyebrow */
.ao-guide .ao-g-eyebrow{
  display:flex;align-items:center;gap:10px;
  color:var(--ao-gold);font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  margin-bottom:14px;
}
.ao-guide .ao-g-eyebrow::before{content:"";width:22px;height:2px;background:var(--ao-gold);display:inline-block;flex:none;}

/* hero */
.ao-guide .ao-g-hero{padding:48px 0 40px;}
.ao-guide .ao-g-hero h1{font-size:40px;line-height:1.15;font-weight:800;margin:0 0 18px;max-width:820px;}
.ao-guide .ao-g-hero p.ao-g-lead{color:var(--ao-muted);font-size:17px;max-width:640px;margin:0 0 28px;}

.ao-guide .ao-g-btn{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;font-size:15px;padding:14px 22px;border-radius:10px;
  border:1px solid transparent;cursor:pointer;
}
.ao-guide .ao-g-btn-primary{background:var(--ao-gold);color:#1b1404;}
.ao-guide .ao-g-btn-primary:hover{background:#f6bd57;color:#1b1404;}
.ao-guide .ao-g-btn-outline{background:transparent;border-color:#3a3d49;color:#fff;}
.ao-guide .ao-g-btn-outline:hover{border-color:var(--ao-gold);}
.ao-guide .ao-g-btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}

.ao-guide .ao-g-hero-visual{
  border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);overflow:hidden;
}
.ao-guide .ao-g-hero-visual img{width:100%;height:auto;display:block;}

/* section heading */
.ao-guide .ao-g-section{padding:56px 0;}
.ao-guide .ao-g-section-head{margin-bottom:32px;max-width:720px;}
.ao-guide .ao-g-section-head h2{font-size:28px;font-weight:800;margin:0 0 10px;line-height:1.25;}
.ao-guide .ao-g-section-head p{color:var(--ao-muted);font-size:15.5px;margin:0;}

/* grids */
.ao-guide .ao-g-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.ao-guide .ao-g-grid-4{display:grid;grid-template-columns:1fr 1fr;gap:24px;}

.ao-guide .ao-g-feature-card{
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);
  padding:28px;
}
.ao-guide .ao-g-icon-badge{
  width:44px;height:44px;border-radius:var(--ao-radius-sm);background:var(--ao-gold-soft);
  display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;color:var(--ao-gold);
}
.ao-guide .ao-g-feature-card h3{font-size:18px;font-weight:700;margin:0 0 10px;}
.ao-guide .ao-g-feature-card p{color:var(--ao-muted);font-size:14.5px;margin:0;}

/* two-column plain text */
.ao-guide .ao-g-text-col h3{font-size:20px;font-weight:700;margin:0 0 12px;}
.ao-guide .ao-g-text-col p{color:var(--ao-muted);font-size:15px;margin:0;}

/* tag cards (lovligt / ulovligt) */
.ao-guide .ao-g-tag-card{
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);
  padding:28px;
}
.ao-guide .ao-g-pill{
  display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  padding:5px 12px;border-radius:999px;margin-bottom:16px;
}
.ao-guide .ao-g-pill-bad{background:var(--ao-danger-soft);color:#ff8a80;}
.ao-guide .ao-g-pill-good{background:var(--ao-gold-soft);color:var(--ao-gold);}
.ao-guide .ao-g-tag-card h3{font-size:19px;font-weight:700;margin:0 0 10px;}
.ao-guide .ao-g-tag-card p{color:var(--ao-muted);font-size:14.5px;margin:0;}
.ao-guide .ao-g-tag-card.ao-g-warn{border-color:rgba(226,87,76,.35);}
.ao-guide .ao-g-tag-card.ao-g-good{border-color:rgba(240,178,62,.35);}

/* plain sub cards */
.ao-guide .ao-g-plain-card{
  background:var(--ao-card-alt);border:1px solid var(--ao-border);border-radius:var(--ao-radius-md);
  padding:24px;
}
.ao-guide .ao-g-plain-card h4{font-size:16px;font-weight:700;margin:0 0 10px;}
.ao-guide .ao-g-plain-card p{color:var(--ao-muted);font-size:14.5px;margin:0;}

/* numbered steps */
.ao-guide .ao-g-step-card{
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);
  padding:26px;
}
.ao-guide .ao-g-step-num{font-size:30px;font-weight:800;color:var(--ao-gold);margin-bottom:10px;display:block;}
.ao-guide .ao-g-step-card h3{font-size:16.5px;font-weight:700;margin:0 0 8px;}
.ao-guide .ao-g-step-card p{color:var(--ao-muted);font-size:14px;margin:0;}

/* FAQ accordion */
.ao-guide .ao-g-faq-item{
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-md);
  margin-bottom:14px;overflow:hidden;
}
.ao-guide .ao-g-faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 24px;cursor:pointer;font-weight:700;font-size:15.5px;
  background:none;border:none;width:100%;text-align:left;color:var(--ao-text);font-family:inherit;
}
.ao-guide .ao-g-faq-q .ao-g-chev{color:var(--ao-gold);font-size:14px;transition:transform .15s ease;flex:none;}
.ao-guide .ao-g-faq-item.ao-g-open .ao-g-chev{transform:rotate(180deg);}
.ao-guide .ao-g-faq-a{max-height:0;overflow:hidden;transition:max-height .2s ease;}
.ao-guide .ao-g-faq-item.ao-g-open .ao-g-faq-a{max-height:240px;}
.ao-guide .ao-g-faq-a-inner{padding:0 24px 20px;color:var(--ao-muted);font-size:14.5px;}

/* disclaimer */
.ao-guide .ao-g-disclaimer{
  background:var(--ao-card-alt);border:1px dashed var(--ao-border);border-radius:var(--ao-radius-md);
  padding:20px 24px;color:var(--ao-dim);font-size:13px;line-height:1.6;
}
.ao-guide .ao-g-disclaimer strong{color:var(--ao-muted);}
.ao-guide .ao-g-disclaimer a{color:var(--ao-gold);}

/* closing cta */
.ao-guide .ao-g-cta-card{
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);
  padding:48px 32px;text-align:center;
}
.ao-guide .ao-g-cta-card .ao-g-icon-badge{margin:0 auto 18px;}
.ao-guide .ao-g-cta-card h2{font-size:26px;font-weight:800;margin:0 0 12px;}
.ao-guide .ao-g-cta-card p{color:var(--ao-muted);font-size:15px;margin:0 0 26px;}
.ao-guide .ao-g-cta-card .ao-g-btn-row{justify-content:center;margin-bottom:0;}

.ao-guide .ao-g-hero-visual--photo{padding:0;}

/* ---------- R-godkendelse cards ---------- */
.ao-guide .ao-g-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}
.ao-guide .ao-g-r-card{
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-md);
  padding:22px;
}
.ao-guide .ao-g-r-badge{
  display:inline-block;font-weight:800;font-size:15px;color:#1b1404;background:var(--ao-gold);
  padding:4px 11px;border-radius:7px;margin-bottom:12px;letter-spacing:.3px;
}
.ao-guide .ao-g-r-card h3{font-size:16px;font-weight:700;margin:0 0 8px;}
.ao-guide .ao-g-r-card p{color:var(--ao-muted);font-size:14px;margin:0 0 10px;}
.ao-guide .ao-g-r-typisk{color:var(--ao-dim);font-size:12.5px;margin:0 0 6px;}
.ao-guide .ao-g-r-typisk strong{color:#aab0bc;font-weight:600;}
.ao-guide .ao-g-r-warn{color:#ff8a80;font-size:12.5px;margin:0;}
.ao-guide .ao-g-r-note{color:var(--ao-dim);font-size:12.5px;margin:0;}

/* ---------- function-mark badges (visually distinct from R-regulativ badge) ---------- */
.ao-guide .ao-g-fn-block{
  margin:12px 0;padding:10px 0 2px;border-top:1px dashed var(--ao-border);
}
.ao-guide .ao-g-fn-badge{
  display:inline-block;font-weight:800;font-size:12px;color:var(--ao-gold);background:transparent;
  border:1px solid var(--ao-gold);padding:3px 9px;border-radius:7px;margin-right:8px;letter-spacing:.2px;
}
.ao-guide .ao-g-fn-label{font-size:10.5px;color:var(--ao-dim);text-transform:uppercase;letter-spacing:.6px;}
.ao-guide .ao-g-fn-block p{margin:6px 0 0;font-size:13px;color:var(--ao-muted);}
.ao-guide .ao-g-fn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ao-guide .ao-g-fn-grid-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ao-muted);}

/* ---------- gold info box ("Et E-mærke er ikke nok") ---------- */
.ao-guide .ao-g-info-box-gold{
  background:var(--ao-gold);color:#1b1404;border-radius:var(--ao-radius-lg);
  padding:32px;
}
.ao-guide .ao-g-info-box-gold h2{font-size:24px;font-weight:800;margin:0 0 14px;color:#1b1404;}
.ao-guide .ao-g-info-box-gold h4{font-size:15px;font-weight:800;margin:22px 0 8px;}
.ao-guide .ao-g-info-box-gold p{margin:0 0 18px;font-size:15px;line-height:1.55;}
.ao-guide .ao-g-info-box-gold .ao-g-compare-row{
  display:flex;gap:10px;align-items:flex-start;background:rgba(27,20,4,.08);
  border-radius:10px;padding:14px 16px;margin-bottom:10px;font-size:14px;
}
.ao-guide .ao-g-info-box-gold .ao-g-compare-row div b{display:block;margin-bottom:2px;}
.ao-guide .ao-g-info-box-gold .ao-g-mark{font-weight:800;flex:none;}
.ao-guide .ao-g-info-box-gold .ao-g-e-list{
  display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px;padding:0;list-style:none;font-size:14px;
}

/* ---------- reference-tal calculator ---------- */
.ao-guide .ao-g-calc-card{
  background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);
  padding:28px;
}
.ao-guide .ao-g-calc-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14.5px;color:var(--ao-muted);border-bottom:1px solid var(--ao-border);}
.ao-guide .ao-g-calc-row span:last-child{color:#fff;font-weight:600;}
.ao-guide .ao-g-calc-row.ao-g-total{border-bottom:none;padding-top:14px;font-size:16px;}
.ao-guide .ao-g-calc-row.ao-g-total span:last-child{color:var(--ao-gold);font-weight:800;font-size:18px;}
.ao-guide .ao-g-calc-result{
  margin-top:14px;display:inline-flex;align-items:center;gap:8px;
  background:var(--ao-gold-soft);color:var(--ao-gold);font-weight:800;font-size:13.5px;
  padding:8px 14px;border-radius:999px;
}
.ao-guide .ao-g-calc-caption{color:var(--ao-dim);font-size:12px;margin:10px 0 0;}

/* ---------- checklist comparison cards ---------- */
.ao-guide .ao-g-check-card{background:var(--ao-card);border:1px solid var(--ao-border);border-radius:var(--ao-radius-lg);padding:26px;}
.ao-guide .ao-g-check-card h3{font-size:17px;font-weight:700;margin:0 0 14px;}
.ao-guide .ao-g-check-list{list-style:none;margin:0;padding:0;}
.ao-guide .ao-g-check-list li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ao-muted);margin-bottom:10px;}
.ao-guide .ao-g-check-list li:last-child{margin-bottom:0;}
.ao-guide .ao-g-check-list .ao-g-ok{color:var(--ao-gold);font-weight:800;flex:none;}
.ao-guide .ao-g-check-list .ao-g-no{color:#ff8a80;font-weight:800;flex:none;}

/* ---------- category cards with R-badge chip ---------- */
.ao-guide .ao-g-cat-card{background:var(--ao-card-alt);border:1px solid var(--ao-border);border-radius:var(--ao-radius-md);padding:22px;}
.ao-guide .ao-g-cat-card h4{font-size:15.5px;font-weight:700;margin:0 0 8px;}
.ao-guide .ao-g-cat-card p{color:var(--ao-muted);font-size:13.5px;margin:0 0 12px;}
.ao-guide .ao-g-cat-chip{display:inline-block;font-size:11.5px;font-weight:700;color:var(--ao-gold);background:var(--ao-gold-soft);padding:4px 10px;border-radius:999px;}
.ao-guide .ao-g-cat-fn{margin-top:8px;font-size:11.5px;color:var(--ao-dim);}

/* ---------- compact overview grid ---------- */
.ao-guide .ao-g-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.ao-guide .ao-g-overview-item{
  display:flex;align-items:center;gap:10px;background:var(--ao-card);border:1px solid var(--ao-border);
  border-radius:9px;padding:12px 14px;font-size:13.5px;
}
.ao-guide .ao-g-overview-item b{color:var(--ao-gold);font-weight:800;flex:none;}
.ao-guide .ao-g-overview-item span{color:var(--ao-muted);}

@media(max-width:900px){
  .ao-guide .ao-g-overview-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .ao-guide .ao-g-grid-2,
  .ao-guide .ao-g-grid-4,
  .ao-guide .ao-g-grid-3{grid-template-columns:1fr;}
  .ao-guide .ao-g-hero h1{font-size:30px;}
  .ao-guide .ao-g-overview-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .ao-guide .ao-g-fn-grid{grid-template-columns:1fr;}
}