/*
Theme Name:  Reserve Child
Description: Hello Elementor child theme for The Reserve at Orchard Lake
Author:      Horizons Marketing
Template:    hello-elementor
Version:     1.0.0
Text Domain: reserve-child
*/

/* ─── Design Tokens ──────────────────────────────────────────── */
:root {
  --blue:        #0C6DB2;
  --navy:        #203E63;
  --navy-dark:   #152840;
  --teal:        #2BBCB3;
  --teal-light:  #5DD0C8;
  --obsidian:    #292929;
  --off-white:   #F4F8FC;
  --light-blue:  #E8F2FA;
  --text-body:   #4a5568;
  --white:       #ffffff;

  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;
}

/* ─── Base Typography ────────────────────────────────────────── */
body {
  font-family: var(--font-body);
  font-size:   17px;
  color:       var(--text-body);
  line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color:       var(--navy-dark);
  line-height: 1.2;
}

/* ─── Mobile header CTA fixes ────────────────────────────────── */
/* Ensure padding and kill Elementor/theme default hover color bleed */
@media (max-width: 767px) {
  .ro-header__cta {
    display:      inline-block;
    padding:      0.65rem 1.5rem !important;
    text-align:   center;
    border-radius: 3px;
  }
  /* Kill any inherited hover background from theme or Elementor globals */
  .ro-header__links .ro-header__cta:hover,
  .ro-header__links .ro-header__cta:focus {
    background:   var(--teal) !important;
    color:        var(--white) !important;
    outline:      none;
  }
}