/* Golden Maple Group — dark operator theme
   Shared with Golden Maple Landscaping through the original GM maple-leaf mark.
   Warm clay orange is the digital-product accent; gold remains the heritage mark. */
:root {
  color-scheme: dark;
  --bg: #1c1a17;
  --bg-elev: #22201c;
  --bg-deep: #151310;
  --bg-paper: #28251f;
  --bg-ink: #100f0d;
  --line: rgba(244, 237, 226, .11);
  --line-strong: rgba(244, 237, 226, .22);
  --line-cream: rgba(244, 237, 226, .08);
  --surface: rgba(255, 255, 255, .045);
  --surface-elev: rgba(255, 255, 255, .065);
  --surface-deep: rgba(16, 15, 13, .48);
  --ink: #f1e9de;
  --ink-soft: #d7cfc3;
  --ink-mute: #b0a69a;
  --ink-faint: #91877b;
  --accent: #d97757;
  --accent-bright: #ee9473;
  --accent-glow: rgba(217, 119, 87, .24);
  --accent-deep: #ad5439;
  --verified: #91ad89;
  --pending: #d9a65f;
  --blocked: #e06c61;
  --redact: #6f7594;
  --gmg-bg: #1c1a17;
  --gmg-paper: #28251f;
  --gmg-ink: #f1e9de;
  --gmg-soft: #d7cfc3;
  --gmg-mute: #b0a69a;
  --gmg-bronze: #d97757;
  --gmg-gold: #d4af63;
  --gmg-verified: #91ad89;
  --gmg-blocked: #e06c61;
  --gmg-line: rgba(244, 237, 226, .12);
  --gmg-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

html { background: #151310; }
body {
  background:
    radial-gradient(circle at 82% -8%, rgba(217, 119, 87, .12), transparent 32rem),
    radial-gradient(circle at 4% 22%, rgba(212, 175, 99, .055), transparent 28rem),
    var(--bg) !important;
  color: var(--ink) !important;
}
body::selection { background: rgba(217,119,87,.36); color: #fffaf3; }

/* Original Golden Maple Landscaping mark, now serving as the group family crest. */
a[aria-label="Golden Maple Group home"],
.gmg-wordmark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px;
  text-decoration: none !important;
}
a[aria-label="Golden Maple Group home"] > span,
.gmg-wordmark > span { display: none !important; }
a[aria-label="Golden Maple Group home"]::before,
.gmg-wordmark::before {
  content: "";
  width: 52px;
  height: 42px;
  flex: 0 0 52px;
  background: url('/logo-mark.png') center / contain no-repeat;
  filter: drop-shadow(0 7px 15px rgba(0,0,0,.26));
}
a[aria-label="Golden Maple Group home"]::after,
.gmg-wordmark::after {
  content: "GOLDEN MAPLE\A GROUP";
  white-space: pre;
  color: var(--ink);
  font: 600 11px/1.25 'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .17em;
}

header {
  border-color: var(--line) !important;
  background: rgba(28, 26, 23, .86);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
header a, nav a { color: var(--ink-soft) !important; }
header a:hover, nav a:hover { color: var(--accent-bright) !important; }

h1, h2, h3, h4 { color: var(--ink) !important; }
h1 em, h2 em, h3 em, .t-display em {
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}
p { color: inherit; }
a { color: var(--accent-bright); }

.card, .gmg-booking,
[class*="bg-[var(--bg-paper)]"],
[class*="bg-[var(--bg-elev)]"] {
  background-color: var(--bg-paper) !important;
  border-color: var(--line) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28) !important;
}

.btn-primary, .button, .submit, .action.primary, .gmg-booking__pay,
button.selected, .slots button.selected, .ratings button.selected,
.interest button.selected, .gmg-booking__day button.is-selected {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #17110e !important;
  box-shadow: 0 10px 30px rgba(217,119,87,.18);
}
.btn-primary:hover, .button:hover, .submit:hover, .action.primary:hover,
.gmg-booking__pay:hover { background: var(--accent-bright) !important; }

.button.secondary, .action, .slots button, button,
.gmg-booking__day button {
  background: #24211d !important;
  border-color: var(--line-strong) !important;
  color: var(--ink-soft) !important;
}
button:hover, .action:hover, .slots button:hover,
.gmg-booking__day button:hover {
  border-color: var(--accent) !important;
  color: var(--accent-bright) !important;
}
.action.danger { color: var(--blocked) !important; border-color: rgba(224,108,97,.55) !important; }

input, textarea, select, .choice,
.gmg-booking input, .gmg-booking textarea {
  background: #24211d !important;
  color: var(--ink) !important;
  border-color: var(--line-strong) !important;
}
input::placeholder, textarea::placeholder { color: var(--ink-faint) !important; opacity: 1; }
input:focus, textarea:focus, select:focus {
  border-color: var(--accent) !important;
  outline: 3px solid rgba(217,119,87,.17) !important;
}

.meta, .policy, .prep, .next, .privacy, .booking-meta, .ack,
.gmg-booking__message {
  background: rgba(217,119,87,.055) !important;
  border-color: var(--line) !important;
  color: var(--ink-soft) !important;
}
.status, .eyebrow, .brand, .gmg-booking__top, .gmg-kicker {
  color: var(--accent-bright) !important;
}
.gmg-trustline, .policy, .privacy, .gmg-booking__fine { color: var(--ink-mute) !important; }
.success { background: rgba(145,173,137,.1) !important; color: #b9d0b3 !important; border-color: rgba(145,173,137,.3) !important; }
.error { color: #f08b80 !important; }

footer { border-color: var(--line) !important; color: var(--ink-mute) !important; }
hr { border-color: var(--line) !important; }

/* Keep the help dock in the same dark product language. */
.iris-call-dock__label {
  background: rgba(27,26,23,.94) !important;
  border-color: var(--line) !important;
  color: var(--ink-soft) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
}
.iris-call-dock__label strong { color: var(--ink) !important; }
body.cookie-consent-visible .iris-call-dock { visibility: hidden !important; pointer-events: none !important; }
.iris-call-dock__label { display: none !important; }
.iris-call-dock elevenlabs-convai {
  position: fixed !important;
  right: 18px !important;
  left: auto !important;
  bottom: 18px !important;
}

@media (max-width: 640px) {
  a[aria-label="Golden Maple Group home"]::before,
  .gmg-wordmark::before { width: 44px; height: 36px; flex-basis: 44px; }
  a[aria-label="Golden Maple Group home"]::after,
  .gmg-wordmark::after { font-size: 12px; letter-spacing: .12em; }
}

/* Interactive operator layer — motion explains position, continuity, and control. */
.gmg-scroll-progress{position:fixed;inset:0 0 auto;z-index:120;height:2px;pointer-events:none;background:rgba(244,237,226,.04)}
.gmg-scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(var(--gmg-scroll,0));transform-origin:left center;background:linear-gradient(90deg,var(--gmg-gold),var(--accent),var(--accent-bright));box-shadow:0 0 18px rgba(217,119,87,.45)}
.gmg-operator-trace{position:fixed;right:18px;top:50%;z-index:80;display:grid;justify-items:center;gap:10px;width:26px;color:var(--ink-faint);pointer-events:none;transform:translateY(-50%);opacity:.8}
.gmg-operator-trace__label,.gmg-operator-trace__state{writing-mode:vertical-rl;font:500 8px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.18em;white-space:nowrap}
.gmg-operator-trace__label{color:var(--accent-bright)}
.gmg-operator-trace__rail{position:relative;display:block;width:1px;height:96px;overflow:visible;background:var(--line-strong)}
.gmg-operator-trace__rail i{position:absolute;inset:0 0 auto;width:1px;height:100%;transform:scaleY(var(--gmg-scroll,0));transform-origin:center top;background:var(--accent)}
.gmg-operator-trace__rail b{position:absolute;top:calc((100% - 5px)*var(--gmg-scroll,0));left:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 0 4px rgba(217,119,87,.12),0 0 14px rgba(217,119,87,.55)}
.gmg-pointer-light{position:fixed;left:0;top:0;z-index:0;width:420px;height:420px;border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(calc(var(--gmg-pointer-x,-500px) - 50%),calc(var(--gmg-pointer-y,-500px) - 50%),0) scale(var(--gmg-pointer-scale,1));background:radial-gradient(circle,rgba(217,119,87,.075),rgba(217,119,87,.025) 36%,transparent 70%);transition:opacity 280ms ease,transform 220ms ease;will-change:transform}
.gmg-pointer-active .gmg-pointer-light{opacity:1}.gmg-pointer-over-control{--gmg-pointer-scale:.67}.gmg-pointer-over-control .gmg-pointer-light{opacity:.72}
#root,body>header,body>footer{position:relative;z-index:1}
.gmg-interactive header{transition:background-color 260ms ease,box-shadow 260ms ease,border-color 260ms ease}
.gmg-has-scrolled header{background:rgba(24,22,19,.94)!important;border-color:rgba(244,237,226,.16)!important;box-shadow:0 12px 36px rgba(0,0,0,.2)}
.gmg-interactive a,.gmg-interactive button{transition:color 190ms ease,border-color 190ms ease,background-color 190ms ease,box-shadow 220ms ease,opacity 190ms ease,transform 220ms cubic-bezier(.22,1,.36,1)}
.gmg-interactive .btn:hover,.gmg-interactive .btn-primary:hover,.gmg-interactive button:hover{transform:translate3d(0,-2px,0)}
.gmg-interactive .gmg-pressed{transform:translate3d(0,0,0) scale(.975)!important}
.gmg-interactive .card,.gmg-interactive article,.gmg-interactive .gmg-booking{position:relative;overflow:clip;transition:transform 280ms cubic-bezier(.22,1,.36,1),border-color 240ms ease,box-shadow 280ms ease,background-color 240ms ease}
.gmg-interactive .card::after,.gmg-interactive article::after,.gmg-interactive .gmg-booking::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(120deg,transparent 12%,rgba(217,119,87,.055) 48%,transparent 78%);transform:translateX(-35%);transition:opacity 240ms ease,transform 520ms cubic-bezier(.22,1,.36,1)}
.gmg-interactive .card:hover,.gmg-interactive article:hover,.gmg-interactive .gmg-booking:hover{transform:translate3d(0,-4px,0);border-color:rgba(217,119,87,.3)!important;box-shadow:0 30px 84px rgba(0,0,0,.38)!important}
.gmg-interactive .card:hover::after,.gmg-interactive article:hover::after,.gmg-interactive .gmg-booking:hover::after{opacity:1;transform:translateX(35%)}
.gmg-interactive :focus-visible{outline:3px solid rgba(238,148,115,.72)!important;outline-offset:4px!important}
.gmg-interactive a:not(.btn):not([aria-label="Golden Maple Group home"]){text-decoration-thickness:1px;text-underline-offset:.24em;text-decoration-color:rgba(238,148,115,.35)}
.gmg-interactive a:not(.btn):not([aria-label="Golden Maple Group home"]):hover{text-decoration-color:var(--accent-bright)}
@media(max-width:1099px),(pointer:coarse){.gmg-operator-trace,.gmg-pointer-light{display:none}.gmg-interactive .card:hover,.gmg-interactive article:hover,.gmg-interactive .gmg-booking:hover{transform:none}}
@media(max-width:640px){.iris-call-dock{transform:none!important}.iris-call-dock elevenlabs-convai{right:44px!important;bottom:48px!important}}
@media(scripting:none){.reveal,.kinetic{opacity:1!important;transform:none!important;filter:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal,.kinetic{opacity:1!important;transform:none!important;filter:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.gmg-pointer-light{display:none!important}.gmg-operator-trace__rail i,.gmg-operator-trace__rail b,.gmg-scroll-progress span{transition:none!important}}

@media print {
  :root { color-scheme: light; }
  body { background: #fff !important; color: #201d19 !important; }
  .card { background: #fff !important; color: #201d19 !important; box-shadow: none !important; }
  .gmg-scroll-progress, .gmg-operator-trace, .gmg-pointer-light { display: none !important; }
}