/*
 * Phase 7 — Contact and form palette
 *
 * The shared layout already loads this file after the base/theme styles. Keep
 * the rules scoped to the existing contact selectors so form behavior,
 * newsletter controls, and unrelated buttons are not changed here.
 */

.contact-inquiry-section .inquiry-form input,
.contact-inquiry-section .inquiry-form textarea {
  background-color: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: 0;
  color: var(--ink);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-inquiry-section .inquiry-form input::placeholder,
.contact-inquiry-section .inquiry-form textarea::placeholder {
  color: var(--placeholder);
}

.contact-inquiry-section .inquiry-form input:focus,
.contact-inquiry-section .inquiry-form textarea:focus,
.contact-inquiry-section .inquiry-form input:focus-visible,
.contact-inquiry-section .inquiry-form textarea:focus-visible {
  border-color: var(--copper);
  outline: none;
  box-shadow: 0 0 0 3px rgba(200, 106, 40, 0.18);
}

@supports (color: color-mix(in srgb, red, red)) {
  .contact-inquiry-section .inquiry-form input:focus,
  .contact-inquiry-section .inquiry-form textarea:focus,
  .contact-inquiry-section .inquiry-form input:focus-visible,
  .contact-inquiry-section .inquiry-form textarea:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--copper) 22%, transparent);
  }
}

.contact-inquiry-section .inquiry-form .button-primary {
  background: var(--copper);
  border-color: var(--copper);
  color: #fff;
}

.contact-inquiry-section .inquiry-form .button-primary:hover,
.contact-inquiry-section .inquiry-form .button-primary:focus-visible {
  background: var(--copper-dark);
  border-color: var(--copper-dark);
  color: #fff;
}

html[data-theme="light"] .contact-inquiry-section .inquiry-form .button-primary {
  background: var(--olive-cta);
  border-color: var(--olive-cta);
  color: #fff;
}

html[data-theme="light"] .contact-inquiry-section .inquiry-form .button-primary:hover,
html[data-theme="light"] .contact-inquiry-section .inquiry-form .button-primary:focus-visible {
  background: #1e281a;
  border-color: #1e281a;
  color: #fff;
}

.contact-details .contact-location > span {
  color: var(--copper);
}

html[data-theme="light"] .contact-details .contact-location > span {
  color: var(--olive-cta);
}

.contact-details hr {
  border: 0;
  border-top: 1px solid var(--line);
}

.contact-details > a .icon {
  color: var(--copper);
}

.contact-inquiry-section .alert-success {
  background: rgba(72, 108, 60, 0.12);
  border: 1px solid var(--olive);
  color: #a2d090;
}

html[data-theme="light"] .contact-inquiry-section .alert-success {
  color: var(--forest-ink);
}

.contact-inquiry-section .alert-error {
  background: rgba(164, 48, 37, 0.12);
  border: 1px solid #a43025;
  color: #e5a18a;
}

html[data-theme="light"] .contact-inquiry-section .alert-error {
  color: #8b2219;
}

@media (prefers-reduced-motion: reduce) {
  .contact-inquiry-section .inquiry-form input,
  .contact-inquiry-section .inquiry-form textarea {
    transition: none;
  }
}