/*
Theme Name: Alovio Booknetic Demo
Theme URI: https://alovio.org
Author: Alovio
Description: Minimal coal/flame theme for the Alovio Booknetic SaaS demo — full-width, on-brand, no chrome that constrains the Booknetic front-end.
Version: 1.0
*/
: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; }
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); }

/* Render the Help Center shortcode (/help/) 1:1 with the Booknetic admin. The admin shell's
   base font is Poppins, so its body/label text inherits Poppins; the plugin's public CSS
   instead sets the wrapper to Manrope, which reads thinner. Force Poppins on the wrapper
   (explicit Manrope headings stay Manrope, as in the admin) and reset our global antialiased
   smoothing so the stroke weight matches the admin's default rendering too. */
.bkntc-hc-public{ font-family:'Poppins',sans-serif !important; }
.bkntc-hc-public, .bkntc-hc-public *{ -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto; }

/* Booking page (/booknetic/<tenant>): the panel is Booknetic's own front-end UI. Our global
   body font (Space Grotesk — a display face for the demo chrome) bleeds into it because the
   plugin leaves the panel font to inherit, so the form text rendered in the wrong typeface.
   Restore Booknetic's own font (Roboto) + default stroke weight on the panel only — set it on
   the wrapper, NOT '*', so icon fonts (Font Awesome) keep their family. */
.booknetic_appointment{ font-family:'Roboto',system-ui,-apple-system,sans-serif; }
.booknetic_appointment, .booknetic_appointment *{ -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto; }
/* The panel has a fixed ~980px width and was left-aligning in the full-width content column,
   leaving dead space on the right. Center it + give it room below the header. */
.wp-block-booknetic-booking{ padding:34px clamp(12px,3vw,28px); }
.wp-block-booknetic-booking .booknetic_appointment{ margin-left:auto !important; margin-right:auto !important; }