/* ============================================================
   EBS BREVARD — dark.css  (THE theme — adopted 2026-08)
   Loaded by every page after styles.css. Carries the dark
   truck-teal look of the hero through the whole site, lifted a
   couple of steps lighter than true black so long text stays
   easy on the eyes, with soft glassy panels + ambient glow.
   ============================================================ */
:root{
  --page:      #143236;
  --page-deep: #112B2F;
  --paper:     #17353C;
  --line:      rgba(255,255,255,.14);
  --body:      #EEF6F4;
  --muted:     #AECAC5;
  --sky-soft:  rgba(91,198,208,.14);
  --sky:       rgba(91,198,208,.38);
  --green-soft:rgba(63,181,140,.16);
}

body{
  background:linear-gradient(180deg, var(--page) 0%, var(--page-deep) 100%);
}
/* soft glassy backdrop: big blurred teal orbs floating behind everything,
   echoing the hero's deep-teal atmosphere all the way down the page */
body::before{
  content:""; position:fixed; inset:-80px; z-index:-1; pointer-events:none;
  background:
    radial-gradient(640px 420px at 86% 10%, rgba(83,198,208,.16), transparent 70%),
    radial-gradient(720px 520px at 6% 42%, rgba(63,181,140,.11), transparent 70%),
    radial-gradient(660px 480px at 68% 88%, rgba(42,140,150,.14), transparent 70%);
  filter:blur(46px);
}

h1,h2,h3,h4{ color:#F1F8F6; }
.section-head .kicker{ color:#6FD0D9; }

/* ---------- surfaces ----------
   review cards stay solid (they animate constantly — blur there is
   a frame-rate tax); everything static gets the frosted glass */
.review{ background:#1C3C43; border-color:rgba(255,255,255,.12); }
.plan, .faq__item, .pricing-note, .area__map,
.rating-badge, .ba-hint, .form, .addr-suggest{
  background:rgba(30,64,71,.6);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-color:rgba(255,255,255,.12);
}
.bb__panel{ background:#1C3C43; border-color:rgba(255,255,255,.12); }

/* hero fade + section tint tuned for the dim page */
.hero::after{ background:linear-gradient(180deg, rgba(21,47,52,0), rgba(21,47,52,.9)); }
.section--tint{
  background:linear-gradient(180deg,
    rgba(63,181,140,0)   0%,
    rgba(42,140,150,.08) 22%,
    rgba(63,181,140,.11) 55%,
    rgba(42,140,150,.06) 85%,
    rgba(63,181,140,0)   100%);
}

/* ---------- reviews ---------- */
.review .who{ color:#8ADCE4; }
.rating-badge b{ color:#8ADCE4; }

/* ---------- before / after ---------- */
.ba{ border-color:#1C3C43; }
.ba-hint{ color:#8ADCE4; }

/* ---------- pricing ---------- */
.plan__price .amount{ color:#5FD0DA; }
.plan--featured{
  background:linear-gradient(165deg, #1E525C 0%, #153A42 48%, #0C2429 100%);
  box-shadow:var(--shadow-lg), 0 0 0 1px rgba(91,198,208,.28);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.plan__save{ color:#6FE0B6; border-color:rgba(63,181,140,.45); }
.plan__save--neutral{
  background:rgba(91,198,208,.14); color:#8ADCE4; border-color:rgba(91,198,208,.32);
}
.plan__list li::before{ background-color:rgba(91,198,208,.18); }

/* ---------- steps ---------- */
.step__badge{ border-color:#17353C; }
.step__badge::after{ background:#0A2126; border-color:#17353C; }
.steps::before{ background:rgba(255,255,255,.14); }

/* ---------- FAQ + accent strips ---------- */
.faq__q{ color:#E6F2F0; }
.faq__q .chev svg{ color:#8ADCE4; }
.faq__item.open{
  background:rgba(30,64,71,.85);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.accent-strip{ border:1px solid rgba(91,198,208,.28); }

/* ---------- booking + customer form pages ---------- */
.field label{ color:#CFE5E1; }
.field input, .field select, .field textarea{
  background:rgba(11,30,32,.5);
  border-color:rgba(255,255,255,.16);
  color:var(--body);
}
.field input:focus, .field select:focus, .field textarea:focus{
  background:rgba(11,30,32,.72);
  border-color:var(--turq);
}
.field input::placeholder, .field textarea::placeholder{ color:rgba(174,202,197,.55); }
/* light chevron for selects on the dark inputs */
.field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ADCE4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; background-size:16px;
}
.field select option{ background:#17353C; color:var(--body); }
.field input.is-auto{ background:rgba(91,198,208,.16); color:#8ADCE4; }
.plan-banner{
  background:rgba(63,181,140,.15);
  border-color:rgba(95,216,172,.5);
  color:var(--body);
}
.book-steps__step{ color:var(--muted); }
.book-steps__step.is-current{ color:var(--white); }
.book-steps__step b{ background:rgba(255,255,255,.14); color:var(--white); }
.book-steps__bar{ background:rgba(255,255,255,.14); }
.form__privacy{ color:var(--muted); }
.special-box{ background:rgba(91,198,208,.1); }
.special-box__head{ color:#CFE5E1; }
.special-box .field input, .special-box .field textarea{ background:rgba(11,30,32,.5); }
/* the suggestion popup must be SOLID (not frosted glass) so the text
   never blends with the form behind it */
.addr-suggest{
  background:#132D33;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-color:rgba(91,198,208,.45);
  box-shadow:0 18px 44px rgba(0,0,0,.55);
}
.addr-suggest__item{ color:var(--body); border-color:rgba(255,255,255,.08); }
.addr-suggest__item strong{ color:#8ADCE4; }
.addr-suggest__item span{ color:var(--muted); }
.addr-suggest__item:hover, .addr-suggest__item.is-active{ background:rgba(91,198,208,.14); }
.contact__lines .ico{ background:rgba(91,198,208,.12); border-color:rgba(91,198,208,.3); }
.contact__lines b{ color:#CFE5E1; }
.form-success p{ color:var(--muted); }

/* ---------- Bin Buddy ---------- */
.bb__msgs, .bb__chips{ background:#143136; }
.bb__msg--bot{ background:#21454D; border-color:rgba(255,255,255,.12); color:var(--body); }
.bb__msg--bot a{ color:#8ADCE4; }
.bb__chip{ background:#1C3C43; color:#8ADCE4; }
.bb__form{ background:#1C3C43; border-color:rgba(255,255,255,.12); }
.bb__form input{ background:#143136; color:var(--body); border-color:rgba(255,255,255,.16); }

/* map label pills stay white on purpose — they need to pop off the map */