/*
Theme Name: Alovio WordPress Demo
Theme URI: https://alovio.org
Author: Alovio
Description: Minimal coal/flame theme for the Alovio WordPress demo — full-width, on-brand, lets the launcher and Calculator breathe.
Version: 1.3
*/
:root{ --coal:#0c0a09; --coal2:#15100e; --line:#2c2420; --ash:#a8a29e; --ink:#fafaf9; --f1:#f97316; --f2:#fbbf24; }
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{ background:var(--coal); color:var(--ink); font-family:'Space Grotesk',system-ui,-apple-system,sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased; color-scheme:dark; }
a{ color:var(--f2); text-decoration:none; }
a:hover{ text-decoration:underline; }
img{ max-width:100%; height:auto; }

/* header */
.alv-header{ display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  padding:16px clamp(16px,3vw,32px); background:var(--coal); border-bottom:1px solid var(--line); }
.alv-brand{ display:flex; align-items:center; gap:10px; font-weight:700; font-size:1.2rem; color:var(--ink); }
.alv-brand:hover{ text-decoration:none; }
.alv-brand .dot{ width:12px; height:12px; border-radius:50%; background:linear-gradient(135deg,var(--f1),var(--f2)); box-shadow:0 0 10px var(--f1); }
.alv-nav{ display:flex; gap:20px; align-items:center; font-weight:600; font-size:.95rem; flex-wrap:wrap; }
.alv-nav a{ color:var(--ash); }
.alv-nav a:hover{ color:var(--ink); text-decoration:none; }
.alv-nav a.cta{ color:#fff; background-image:linear-gradient(135deg,var(--f1),var(--f2)); padding:8px 15px; border-radius:10px; }
.alv-nav a.cta:hover{ filter:brightness(1.08); }

/* content — full width; pages bring their own inner layout */
.alv-main{ min-height:64vh; }
.alv-pad{ max-width:1040px; margin:0 auto; padding:40px clamp(16px,3vw,32px); }
.alv-pad h1{ font-size:clamp(2rem,5vw,3rem); letter-spacing:-.5px; margin:0 0 16px; }

/* footer */
.alv-foot{ padding:26px; border-top:1px solid var(--line); color:#57514d; font-size:.9rem; text-align:center; }
.alv-foot a{ color:var(--ash); }

/* The embedded calculator now uses the plugin's built-in "Midnight" theme (set per
   calculator in the builder) — no demo-side calculator CSS needed any more. */