/* Global Roboto typography override */
:root {
  --font-display: Roboto, sans-serif;
  --font-body: Roboto, sans-serif;
  --wx-font: Roboto, sans-serif;
  --wx-heading-font: Roboto, sans-serif;
  --sx-font: Roboto, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
.site,
.site-header,
.site-footer,
.main-navigation,
.mobile-navigation,
.footer-navigation,
.card,
.profile-card,
.agency-card,
.review-card,
.package-card,
.directory-card,
.dashboard,
.registration-form,
.edit-profile-form {
  font-family: Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.section-title,
.hero-title,
.card-title,
.profile-title,
.agency-title,
.nav-menu a,
.menu a,
.footer-menu a,
.mobile-menu a,
.btn,
.button,
.wp-block-button__link {
  font-family: Roboto, sans-serif !important;
}

/* ============================================================
   Registration page text visibility fix
   Keeps wizard headings readable on dark registration backgrounds.
   Applies only to the registration wizard layouts.
============================================================ */
body:has(.wizard-page) .wizard-page,
.wizard-page,
#wizardPage {
  color: #ffffff !important;
}

body:has(.wizard-page) .wizard-page h1,
body:has(.wizard-page) .wizard-page h2,
body:has(.wizard-page) .wizard-page h3,
body:has(.wizard-page) .wizard-page h4,
body:has(.wizard-page) .wizard-page h5,
body:has(.wizard-page) .wizard-page h6,
.wizard-page h1,
.wizard-page h2,
.wizard-page h3,
.wizard-page h4,
.wizard-page h5,
.wizard-page h6,
#wizardPage h1,
#wizardPage h2,
#wizardPage h3,
#wizardPage h4,
#wizardPage h5,
#wizardPage h6,
.wizard-page .wizard-title,
.wizard-page .section-label,
.wizard-page .form-title,
.wizard-page .card-title,
.wizard-page .field-title,
.wizard-page .account-title,
.wizard-page legend,
#wizardPage .wizard-title,
#wizardPage .section-label,
#wizardPage legend {
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  text-shadow: none !important;
}

.wizard-page .wizard-title,
#wizardPage .wizard-title {
  color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}

.wizard-page .wizard-sub,
.wizard-page .section-subtitle,
.wizard-page .field-help,
.wizard-page .help-text,
.wizard-page .description,
.wizard-page p,
#wizardPage .wizard-sub,
#wizardPage .section-subtitle,
#wizardPage .field-help,
#wizardPage .help-text,
#wizardPage .description,
#wizardPage p {
  color: #cfd6e6 !important;
}

.wizard-page label,
.wizard-page .field label,
.wizard-page .checkbox-option,
.wizard-page .radio-option,
#wizardPage label,
#wizardPage .field label,
#wizardPage .checkbox-option,
#wizardPage .radio-option {
  color: #eef2ff !important;
}

.wizard-page .section-label::before,
#wizardPage .section-label::before {
  background: linear-gradient(180deg, #f0c84b 0%, #b8941f 100%) !important;
  box-shadow: 0 0 12px rgba(240, 200, 75, 0.35) !important;
}

.wizard-page .wizard-card,
.wizard-page .section-group,
#wizardPage .wizard-card,
#wizardPage .section-group {
  color: #ffffff !important;
}

.wizard-page input,
.wizard-page select,
.wizard-page textarea,
#wizardPage input,
#wizardPage select,
#wizardPage textarea {
  color: #ffffff !important;
}

.wizard-page input::placeholder,
.wizard-page textarea::placeholder,
#wizardPage input::placeholder,
#wizardPage textarea::placeholder {
  color: rgba(255,255,255,0.52) !important;
}