/* LaunchHandyman brand overrides — loaded AFTER styles.css.
   Repoints the stock SB-UI-Kit blue to LaunchHandyman's amber/navy palette,
   echoing the app icon (navy toolbox on amber). The vendored styles.css is
   left untouched; all brand changes live here.

   Amber accent: #F2980C   ·  Bright amber: #FEBD07  ·  Deep navy: #16202B
   Buttons use NAVY text on amber (like the icon) for strong contrast;
   on-white text/links use a darker amber (#9E6608) to stay legible. */

:root {
  --lh-amber: #F2980C;
  --lh-amber-bright: #FEBD07;
  --lh-amber-dark: #D9820A;
  --lh-amber-text: #9E6608;
  --lh-amber-soft: #FFF3D6;
  --lh-navy: #16202B;
  --lh-navy-2: #233241;
  --lh-slate: #2E3A4E;
  --bs-primary: #F2980C;
  --bs-primary-rgb: 242, 152, 12;
  --bs-primary-soft: #FFF3D6;
  --bs-primary-soft-rgb: 255, 243, 214;
}

/* Navbar */
.navbar-marketing .navbar-brand {
  font-size: 1.25rem;
  letter-spacing: -0.01em;
  color: var(--lh-navy) !important;
}
.navbar-marketing .nav-link {
  font-weight: 500;
  color: #374151 !important;
}
.navbar-marketing .nav-link:hover {
  color: var(--lh-amber-text) !important;
}

/* Hero / pricing-pro / CTA / mock gradient = deep navy */
.bg-gradient-primary-to-secondary {
  background-color: var(--lh-navy) !important;
  background-image: linear-gradient(135deg, #16202B 0%, #233241 55%, #2E3A4E 100%) !important;
}

/* Solid primary buttons: amber with navy text (the icon's look) */
.btn-primary {
  --bs-btn-bg: #F2980C;
  --bs-btn-border-color: #F2980C;
  --bs-btn-color: #16202B;
  --bs-btn-hover-bg: #D9820A;
  --bs-btn-hover-border-color: #D9820A;
  --bs-btn-hover-color: #16202B;
  --bs-btn-focus-shadow-rgb: 242, 152, 12;
  --bs-btn-active-bg: #C2740A;
  --bs-btn-active-border-color: #C2740A;
  --bs-btn-active-color: #16202B;
  --bs-btn-disabled-bg: #F2980C;
  --bs-btn-disabled-border-color: #F2980C;
  --bs-btn-disabled-color: #16202B;
  font-weight: 600;
}

/* Outline primary buttons */
.btn-outline-primary {
  --bs-btn-color: #9E6608;
  --bs-btn-border-color: #F2980C;
  --bs-btn-hover-bg: #F2980C;
  --bs-btn-hover-border-color: #F2980C;
  --bs-btn-hover-color: #16202B;
  --bs-btn-focus-shadow-rgb: 242, 152, 12;
  --bs-btn-active-bg: #F2980C;
  --bs-btn-active-border-color: #F2980C;
  --bs-btn-active-color: #16202B;
  --bs-btn-disabled-color: #9E6608;
  --bs-btn-disabled-border-color: #F2980C;
}

/* Legible amber for links + inline check icons on white */
.text-primary { color: var(--lh-amber-text) !important; }
.text-primary[data-feather] { color: var(--lh-amber-text) !important; }

/* Feature icon stacks: amber tile with navy glyph (icon palette) */
.icon-stack.bg-gradient-primary-to-secondary {
  background-color: var(--lh-amber) !important;
  background-image: linear-gradient(135deg, #FEBD07 0%, #F2980C 100%) !important;
  color: var(--lh-navy) !important;
}

/* Generic primary fills */
.bg-primary { background-color: var(--lh-amber) !important; }

/* Footer = deep navy */
.footer.bg-dark { background-color: var(--lh-navy) !important; }

/* Hero typography — stronger presence */
.page-header-ui-title {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
@media (min-width: 992px) {
  .page-header-ui-title { font-size: 3.75rem; }
}

/* On the navy pricing-pro card, the white button reads amber */
.bg-gradient-primary-to-secondary.text-white .btn-white { color: var(--lh-amber-text) !important; }

/* Step number badge — bold amber circle, navy numeral */
.lh-step-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--lh-amber);
  color: var(--lh-navy);
  font-weight: 800;
  font-size: 1.15rem;
  margin-bottom: 1rem;
}

/* Hero device mock */
.lh-mock-header {
  background: linear-gradient(135deg, #16202B 0%, #2E3A4E 100%);
  color: #fff;
  padding: 3.5rem 1.1rem 1.4rem;
}
.lh-mock-badge-paid { background: #D1FAE5; color: #065F46; font-size: .58rem; }
.lh-mock-badge-sent { background: #FFF3D6; color: #9E6608; font-size: .58rem; }
.lh-mock-badge-due  { background: #FEE2E2; color: #991B1B; font-size: .58rem; }

/* Hero sub-note */
.lh-hero-note { font-size: .8rem; opacity: .75; margin-top: .75rem; }

/* "Most popular" pricing badge */
.lh-badge-popular {
  background: var(--lh-amber);
  color: var(--lh-navy);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .25rem .65rem;
  border-radius: 999px;
  display: inline-block;
  margin-bottom: .75rem;
}