/* ============================================================
   AQUAGLOSS BOOK LIGHT — Bright Luxury Edition
   Inherits structure from aquaglossbook, overrides to light
   ============================================================ */
@import url('/resources/themes/aquaglossbook/aquagloss.css');

/* ── Token overrides: flip dark → light ──────────────────── */
:root {
  --ag-dark:    #FAFAF9;
  --ag-dark2:   #F8F6F2;
  --ag-dark3:   #F0EDE8;
  --ag-ink:     #1A1F2E;
  --ag-slate:   #2D3548;
  --ag-mid:     #5A6478;
  --ag-muted:   #8A96A8;
  --ag-surface: #FFFFFF;
  --ag-card:    #FFFFFF;
  --ag-card2:   #F8F6F2;
  --ag-line:    #E8E4DC;
  --ag-text:    #1A1F2E;
}

/* ── Body ────────────────────────────────────────────────── */
body { background: #FFFFFF; color: #1A1F2E; }

/* ── Section overrides ───────────────────────────────────── */
.ag-section-dark  { background: #F8F6F2; }
.ag-section-dark2 { background: #F0EDE8; }
.ag-section-teal  { background: rgba(var(--ag-gold-rgb),.06); }
.ag-section-cream { background: #FFFFFF; }

/* Text in formerly-dark sections → now dark */
.ag-title-light   { color: var(--ag-text) !important; }
.ag-sub-light     { color: var(--ag-mid)  !important; }
.ag-eyebrow-light {
  color: var(--ag-gold) !important;
  background: var(--ag-gold-dim) !important;
  border-color: rgba(var(--ag-gold-rgb),.25) !important;
}

/* ── Hero ────────────────────────────────────────────────── */
.ag-hero {
  background: #F8F6F2;
  color: var(--ag-text);
}
.ag-hero-overlay {
  background: rgba(255,255,255,.72);
}
/* Water canvas — screen blend looks invisible on white; use multiply */
#ag-water-canvas { mix-blend-mode: multiply; opacity: .4; }

/* ── Hero text ───────────────────────────────────────────── */
.ag-pill {
  background: var(--ag-gold-dim);
  border-color: rgba(var(--ag-gold-rgb),.25);
  color: var(--ag-gold);
}
.ag-pill-dot { background: var(--ag-gold); box-shadow: 0 0 8px var(--ag-gold); }

.ag-hero-h1   { color: var(--ag-text); }
.ag-h1-top    { color: rgba(26,31,46,.55); }
.ag-h1-mid    { color: var(--ag-text); }
.ag-h1-bot    { color: var(--ag-gold); }

.ag-hero-slogan { color: var(--ag-mid); }
.ag-hero-desc   { color: var(--ag-mid); }

/* Trust items */
.ag-htrust-item { color: var(--ag-mid); }
.ag-drop-dot    { background: var(--ag-gold); }

/* Ghost button → dark border on light bg */
.ag-btn-ghost {
  border-color: rgba(26,31,46,.3);
  color: var(--ag-text);
  background: transparent;
}
.ag-btn-ghost:hover {
  background: var(--ag-text);
  border-color: var(--ag-text);
  color: #fff;
}

/* Scroll cue */
.ag-scroll-cue { color: var(--ag-mid); }
.ag-scroll-line { background: var(--ag-mid); }

/* Hiring bar */
.ag-hiring-bar {
  background: var(--ag-gold-dim);
  color: var(--ag-text);
  border-bottom: 1px solid rgba(var(--ag-gold-rgb),.2);
}
.ag-hiring-bar a { color: var(--ag-gold); }

/* ── Hero form card → clean white card ───────────────────── */
.ag-hero-form-card {
  background: #FFFFFF;
  border: 1px solid var(--ag-line);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 20px 60px rgba(7,12,24,.12), 0 4px 16px rgba(7,12,24,.06);
}
/* Remove dark text overrides — standard light form works fine */
.ag-hero-form-card .ag-form-heading  { color: var(--ag-text); }
.ag-hero-form-card .ag-form-sub      { color: var(--ag-mid); }
.ag-hero-form-card .ag-form-tabs     { background: var(--ag-cream2); border-color: var(--ag-line); }
.ag-hero-form-card .ag-ftab          { color: var(--ag-mid); }
.ag-hero-form-card .ag-ftab.active   { background: var(--ag-gold); color: #1A1F2E; }
.ag-hero-form-card .fg label         { color: var(--ag-text); }
.ag-hero-form-card .fg input,
.ag-hero-form-card .fg select,
.ag-hero-form-card .fg textarea      { background: #fff; border-color: var(--ag-line); color: var(--ag-text); }
.ag-hero-form-card .fg input::placeholder,
.ag-hero-form-card .fg textarea::placeholder { color: var(--ag-muted); }
.ag-hero-form-card .fg select option { background: #fff; color: var(--ag-text); }
.ag-hero-form-card .pub-cal-btn      { background: #fff; border-color: var(--ag-line); color: var(--ag-mid); }
.ag-hero-form-card .ag-spc           { background: #fff; border-color: var(--ag-line); color: var(--ag-text); }
.ag-hero-form-card .ag-spc-name      { color: var(--ag-text); }
.ag-hero-form-card .ag-spc-price     { color: var(--ag-gold); }
.ag-hero-form-card .ag-form-note     { color: var(--ag-muted); }
.ag-hero-form-card #pub_service_loc_msg { color: var(--ag-muted); }

/* ── Trust band ──────────────────────────────────────────── */
.ag-trust-band  { background: #F0EDE8; border-top: 1px solid var(--ag-line); border-bottom: 1px solid var(--ag-line); }
.ag-trust-chip  { color: var(--ag-text); }
.ag-trust-drop  { color: var(--ag-gold); }

/* ── Services slider ─────────────────────────────────────── */
.ag-svc-card {
  background: #FFFFFF;
  border-color: var(--ag-line);
  box-shadow: var(--ag-shadow-sm);
}
.ag-svc-card:hover {
  border-color: var(--ag-gold);
  box-shadow: var(--ag-shadow-md), var(--ag-shadow-gold);
}
.ag-svc-name { color: var(--ag-text); }
.ag-svc-desc { color: var(--ag-mid); }
.ag-svc-list li { color: var(--ag-mid); }
.ag-svc-list li::before { background: var(--ag-gold); }

/* ── Why us section ──────────────────────────────────────── */
.ag-why-grid h2 { color: var(--ag-text); }
.ag-why-item-title { color: var(--ag-text); }
.ag-why-item-desc  { color: var(--ag-mid); }

/* ── Stats ───────────────────────────────────────────────── */
.ag-stat-glass {
  background: #fff;
  border-color: var(--ag-line);
  box-shadow: var(--ag-shadow-md);
}
.ag-stat-num   { color: var(--ag-text); }
.ag-stat-num span { color: var(--ag-gold); }
.ag-stat-lbl   { color: var(--ag-mid); }
.ag-stat-badge { background: rgba(var(--ag-gold-rgb),.1); color: var(--ag-text); border-color: rgba(var(--ag-gold-rgb),.25); }
.ag-badge-pulse { background: var(--ag-gold); }
.ag-stat-divider { background: var(--ag-line); }

/* ── Testimonials ────────────────────────────────────────── */
.ag-testi-card { background: #fff; border-color: var(--ag-line); }
.ag-testi-body { color: var(--ag-text); }
.ag-testi-name { color: var(--ag-text); }
.ag-testi-role { color: var(--ag-mid); }
.ag-testi-stars { color: var(--ag-gold); }

/* ── Team ────────────────────────────────────────────────── */
.ag-team-card { background: #fff; border-color: var(--ag-line); }
.ag-team-name { color: var(--ag-text); }
.ag-team-role { color: var(--ag-mid); }
.ag-team-desc { color: var(--ag-mid); }
.ag-team-initials { background: var(--ag-gold-dim); color: var(--ag-gold); }

/* ── FAQ ─────────────────────────────────────────────────── */
.ag-faq-item { background: #fff; border-color: var(--ag-line); }
.ag-faq-q    { color: var(--ag-text); }
.ag-faq-a    { color: var(--ag-mid); }
.ag-faq-icon { color: var(--ag-gold); }

/* ── Locations ───────────────────────────────────────────── */
.ag-loc-card { background: #fff; border-color: var(--ag-line); box-shadow: var(--ag-shadow-sm); }
.ag-loc-name { color: var(--ag-text); }
.ag-loc-info { color: var(--ag-mid); }
.ag-loc-hour-day, .ag-loc-hour-val { color: var(--ag-mid); }
.ag-loc-area-pill { background: rgba(var(--ag-gold-rgb),.1); color: var(--ag-text); border-color: rgba(var(--ag-gold-rgb),.2); }

/* ── Gallery ─────────────────────────────────────────────── */
.ag-ba-wrap { box-shadow: var(--ag-shadow-md); }

/* ── Gift cards ──────────────────────────────────────────── */
.ag-gc-card { box-shadow: var(--ag-shadow-md); }
.ag-gc-info h4 { color: var(--ag-text); }
.ag-gc-info p  { color: var(--ag-mid); }

/* ── Offers ──────────────────────────────────────────────── */
.ag-offer-card { background: #fff; border: 1px solid var(--ag-line); box-shadow: var(--ag-shadow-sm); }
.ag-offer-disc  { color: var(--ag-gold); }
.ag-offer-title { color: var(--ag-text); }
.ag-offer-code  { background: var(--ag-gold-dim); color: var(--ag-text); border-color: rgba(var(--ag-gold-rgb),.3); }
.ag-offer-expiry { color: var(--ag-mid); }

/* ── Shop products ───────────────────────────────────────── */
.ag-prod-slide { background: #fff; border-color: var(--ag-line); box-shadow: var(--ag-shadow-sm); }
.ag-prod-name a { color: var(--ag-text); }
.ag-prod-desc   { color: var(--ag-mid); }

/* ── Nav slider buttons ──────────────────────────────────── */
.ag-nav-btn { background: #fff; border-color: var(--ag-line); color: var(--ag-mid); }

/* ── Blog ────────────────────────────────────────────────── */
.ag-blog-title { color: var(--ag-text); }
.ag-blog-excerpt { color: var(--ag-mid); }

/* ── Footer ──────────────────────────────────────────────── */
.footer { background: #1A1F2E; color: rgba(255,255,255,.7); }
.footer h4, .footer h3 { color: #fff; }
.footer a { color: rgba(255,255,255,.6); }
.footer a:hover { color: var(--ag-gold); }
.footer-bottom { border-top-color: rgba(255,255,255,.1); color: rgba(255,255,255,.4); }

/* ── Flash messages ──────────────────────────────────────── */
.ag-flash-ok  { background: #ecfdf5; border-color: #6ee7b7; color: #065f46; }
.ag-flash-err { background: #fef2f2; border-color: #fca5a5; color: #991b1b; }

/* ── Section head eyebrow/title on white bg ──────────────── */
.ag-section-dark  .ag-eyebrow,
.ag-section-dark2 .ag-eyebrow,
.ag-section-teal  .ag-eyebrow { color: var(--ag-gold); background: var(--ag-gold-dim); border-color: rgba(var(--ag-gold-rgb),.25); }

.ag-section-dark  .ag-section-title,
.ag-section-dark2 .ag-section-title,
.ag-section-teal  .ag-section-title { color: var(--ag-text); }

.ag-section-dark  .ag-section-sub,
.ag-section-dark2 .ag-section-sub,
.ag-section-teal  .ag-section-sub  { color: var(--ag-mid); }

/* ── Stats section on light bg ───────────────────────────── */
.ag-stat { border-right-color: var(--ag-line); }
.ag-stat:nth-child(odd) { border-right-color: var(--ag-line); }

/* ── Contact band ────────────────────────────────────────── */
.ag-bc-label { color: var(--ag-mid); }
.ag-bc-val   { color: var(--ag-text); }
.ag-bc-hour-day { color: var(--ag-mid); }
.ag-bc-hour-val { color: var(--ag-text); }
.ag-bc-soc  { background: rgba(var(--ag-gold-rgb),.1); color: var(--ag-gold); border-color: rgba(var(--ag-gold-rgb),.2); }

/* ── Call only box ───────────────────────────────────────── */
.ag-call-only { background: #fff; border-color: var(--ag-line); }
.ag-call-label { color: var(--ag-mid); }
.ag-call-number { color: var(--ag-gold); }

/* ── Before/after caption ────────────────────────────────── */
.ag-ba-caption { color: var(--ag-mid); }
.ag-ba-stat-num { color: var(--ag-text); }
.ag-ba-stat-lbl { color: var(--ag-mid); }

/* ── Section divider line ────────────────────────────────── */
.ag-section::before { display: none; }

/* ── Video slides ────────────────────────────────────────── */
.ag-video-title { color: var(--ag-text); }

/* ── Form note / captcha ─────────────────────────────────── */
.ag-form-note { color: var(--ag-muted); }

/* ── Price preview ───────────────────────────────────────── */
.ag-price-prev { background: rgba(var(--ag-gold-rgb),.08); border-color: rgba(var(--ag-gold-rgb),.25); color: var(--ag-text); }
.ag-price-val  { color: var(--ag-gold); }
