/* Contact form selects — ink options on solid paper (beats pale option text) */
html body.page-contact .contact-form select,
html body.page-contact .contact-form .field select,
html body.page-contact select#nature,
html body.page-contact select#inquiry_type,
html body.page-contact select#country,
html body.page-contact select#phone_code {
  color: #1a1510 !important;
  -webkit-text-fill-color: #1a1510 !important;
  background: #f7f3ea !important;
  background-color: #f7f3ea !important;
  background-image: none !important;
  color-scheme: light !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
  accent-color: #1a1510 !important;
}

html body.page-contact .contact-form select option,
html body.page-contact .contact-form .field select option,
html body.page-contact select#nature option,
html body.page-contact select#inquiry_type option,
html body.page-contact select#country option,
html body.page-contact select#phone_code option {
  color: #1a1510 !important;
  -webkit-text-fill-color: #1a1510 !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}

html body.page-contact .contact-form select option:checked,
html body.page-contact .contact-form select option:hover,
html body.page-contact select#nature option:checked,
html body.page-contact select#inquiry_type option:checked {
  color: #1a1510 !important;
  -webkit-text-fill-color: #1a1510 !important;
  background-color: #ebe4d8 !important;
  background: #ebe4d8 !important;
}

html body.page-contact .contact-form select:focus,
html body.page-contact .contact-form .field select:focus {
  color: #1a1510 !important;
  -webkit-text-fill-color: #1a1510 !important;
  background: #f7f3ea !important;
}

/* Phone: country dial + number */
html body.page-contact .phone-field {
  display: grid !important;
  grid-template-columns: minmax(7.5rem, 0.95fr) minmax(0, 1.35fr) !important;
  align-items: end !important;
  gap: 0.65rem !important;
  width: 100% !important;
}

html body.page-contact .phone-field__code,
html body.page-contact select.phone-field__code,
html body.page-contact #phone_code {
  min-width: 0 !important;
  width: 100% !important;
  color: #1a1510 !important;
  -webkit-text-fill-color: #1a1510 !important;
  background: #f7f3ea !important;
  background-color: #f7f3ea !important;
  color-scheme: light !important;
}

html body.page-contact .phone-field__number,
html body.page-contact #phone_number {
  min-width: 0 !important;
  width: 100% !important;
}

html body.page-contact .phone-field__code option {
  color: #1a1510 !important;
  -webkit-text-fill-color: #1a1510 !important;
  background: #ffffff !important;
}

@media (max-width: 520px) {
  html body.page-contact .phone-field {
    grid-template-columns: 1fr !important;
    gap: 0.55rem !important;
  }
}