/* aeo-overrides.css — modernization layer loaded sitewide AFTER the mirrored
   Elementor combined stylesheet. Pure CSS; no markup rebuild of WordPress. */

/* 1) Brand consistency: all Elementor headings use Playfair Display (the brand serif). */
.elementor-heading-title {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
}

/* 2) Homepage hero — solid gold primary CTA + a secondary "call" button. */
.elementor-element-132e2235 .elementor-button {
  background-color: #c0a062 !important;
  color: #111 !important;
  border: none !important;
  padding: .95rem 2.1rem !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  box-shadow: 0 6px 22px rgba(0,0,0,.25);
}
.elementor-element-132e2235 .elementor-button:hover { background-color: #ad8d4f !important; }
.aeo-hero-sub { font-size: 1.12rem; line-height: 1.55; margin: 0 auto .25rem; max-width: 640px; }
.aeo-hero-chips { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin: 1rem auto 1.1rem; max-width: 620px; }
.aeo-hero-chips a {
  font-size: .8rem; font-weight: 600; color: #fff; text-decoration: none;
  border: 1px solid rgba(255,255,255,.55); padding: .42rem .95rem; border-radius: 999px; transition: all .15s;
}
.aeo-hero-chips a:hover { background: #c0a062; border-color: #c0a062; color: #111; }
.aeo-hero-rating { color: #f1e4c6 !important; font-weight: 600; letter-spacing: .3px; margin: 0; }
.aeo-call-btn {
  display: inline-block; margin-left: .6rem; color: #fff; text-decoration: none; font-weight: 700; font-size: .8rem;
  border: 1px solid rgba(255,255,255,.6); padding: .9rem 1.5rem; border-radius: 999px; letter-spacing: .5px; vertical-align: middle;
}
.aeo-call-btn:hover { background: rgba(255,255,255,.14); }

/* 3) Homepage "Areas of Expertise" — the 19 separate Elementor toggle widgets
      become clean always-open cards (each beside its section's background image),
      instead of a wall of dark collapsed bars. Scoped to the homepage (.home). */
.home .elementor-toggle-item {
  background: #fff !important; border: 1px solid #ece4d4 !important; border-radius: 14px; overflow: hidden;
  box-shadow: 0 2px 14px rgba(0,0,0,.06);
}
.home .elementor-tab-title {
  background: #fff !important; border: none !important; padding: 1.1rem 1.3rem .35rem !important; cursor: default !important;
}
.home .elementor-toggle-icon { display: none !important; }
.home .elementor-toggle-title {
  color: #1a1a1a !important; font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 1.15rem !important; font-weight: 600 !important; text-decoration: none !important; cursor: default !important;
}
.home .elementor-tab-content {
  display: block !important; padding: .15rem 1.3rem 1.15rem !important; border: none !important; background: #fff !important;
}
.home .elementor-tab-content ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.home .elementor-tab-content li { margin: .22rem 0 !important; }
.home .elementor-tab-content a {
  color: #6a5836 !important; font-size: .86rem !important; text-decoration: none !important; line-height: 1.4 !important;
}
.home .elementor-tab-content a:hover { color: #b07d2b !important; }

/* 4) Sitewide sticky "Book" bar (mobile). Markup from StickyCta.astro; styles here so
      it also styles correctly on mirrored pages. */
.aeo-sticky {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; display: none; gap: .55rem;
  padding: .6rem .8rem; background: rgba(20,16,12,.97); box-shadow: 0 -4px 18px rgba(0,0,0,.28);
}
.aeo-sticky a { flex: 1; text-align: center; padding: .8rem .5rem; border-radius: 999px; font-weight: 700; text-decoration: none; font-size: .9rem; }
.aeo-sticky__book { background: #c0a062; color: #111; flex: 3; }
.aeo-sticky__call { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5); }
@media (max-width: 760px) {
  .aeo-sticky { display: flex; }
  body { padding-bottom: 64px; }
}