/* Elite Title Services — matched to gorates.com: black, gold, Montserrat */
:root {
  --gold: #eab308;
  --gold-soft: #facc15;
}

html { scroll-behavior: smooth; }

body {
  font-family: Montserrat, sans-serif;
  background: #000;
  color: #fff;
}

.font-display { font-family: Oswald, sans-serif; }

.hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.45) 40%, rgba(0,0,0,.82) 100%),
    url('images/hero.jpg') center 30% / cover no-repeat;
  z-index: -1;
}

.page-hero {
  background:
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.78)),
    url('images/hero.jpg') center 40% / cover no-repeat;
}

.gold-line {
  width: 72px;
  height: 3px;
  background: var(--gold);
  margin: 1rem auto;
}

body, p, li, label, legend, h1, h2, h3, h4, summary, span, dd, dt {
  color: #fff;
}

header nav a,
#mobileMenuOverlay a {
  color: #fff;
}

header nav a:hover,
#mobileMenuOverlay a:hover {
  color: #facc15;
}

header nav a.text-yellow-400,
#mobileMenuOverlay a.text-yellow-400,
a.text-yellow-400 {
  color: #facc15;
}

header nav a.bg-yellow-500,
#mobileMenuOverlay a.bg-yellow-500,
a.bg-yellow-500,
button.bg-yellow-500,
a.bg-black {
  color: #000;
}

a.bg-black { color: #facc15; }

fieldset {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: transparent;
}

label {
  color: #fff !important;
  background: transparent !important;
}

main p, main li, main summary, #mobileMenuOverlay, #mobileMenuOverlay li {
  color: #fff;
}

input, textarea, select {
  background: #fff !important;
  background-color: #fff !important;
  color: #111 !important;
  -webkit-text-fill-color: #111;
  caret-color: #111;
}

input::placeholder, textarea::placeholder {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280;
}

option { color: #111; background: #fff; }

input:focus, textarea:focus, select:focus {
  outline: 2px solid var(--gold);
  outline-offset: 1px;
}