/* Styles for the Wix-connected enquiry form and FAQ. Uses the variables from styles.css. */

/* ---- enquiry form ---- */
#wix-enquiry .req { color: var(--red); }
#wix-enquiry .field input[aria-invalid="true"],
#wix-enquiry .field textarea[aria-invalid="true"],
#wix-enquiry .field select[aria-invalid="true"] { border-color: var(--red); }
#wix-enquiry .field select { appearance: none; -webkit-appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
#wix-enquiry .field .other-text { margin-top: 8px; }
#wix-enquiry .ferr { margin: 7px 0 0; font-size: 12px; color: var(--red); font-weight: 500; }
#wix-enquiry .form-err { margin: 0 0 14px; }
#wix-enquiry .fhelp { margin: 7px 0 0; font-size: 12px; color: var(--muted); }
#wix-enquiry .fstep { font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--muted); font-weight: 700; margin: 0 0 18px; }
#wix-enquiry .choices { display: flex; flex-direction: column; gap: 10px; }
#wix-enquiry .choice { display: flex; align-items: center; gap: 10px; font-size: 15px; text-transform: none; letter-spacing: 0; color: var(--ink); font-weight: 400; margin: 0; }
#wix-enquiry .choice input { width: auto; }
#wix-enquiry .factions { display: flex; flex-direction: column; gap: 12px; }
#wix-enquiry .btn[disabled] { opacity: .6; cursor: progress; }
#wix-enquiry button.textlink { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; }
#wix-enquiry .fthanks h4 { font-size: 22px; font-weight: 500; letter-spacing: -0.02em; margin: 0 0 10px; }
#wix-enquiry .fthanks p { font-size: 15px; line-height: 1.6; color: var(--ink-soft); margin: 0 0 10px; }
#wix-enquiry .fthanks .textlink { margin-top: 14px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---- FAQ ---- */
.faq-index .faq-search { width: 100%; border: 1px solid var(--line); background: #fff; padding: 11px 14px; font: inherit; font-size: 14px; color: var(--ink); margin-bottom: 8px; }
.faq-index .faq-search:focus { outline: none; border-color: var(--red); }
.faq-index .faq-count { font-size: 12px; color: var(--muted); margin: 0 0 28px; min-height: 1em; }
.faq-index .faq-nav button { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; font-size: 14px; color: var(--ink-soft); text-align: left; }
.faq-index .faq-nav button:hover { color: var(--red); }
.faq-index .faq-nav button[aria-pressed="true"] { color: var(--red); font-weight: 600; }
.faq-q { margin: 0; }
.faq-q button { all: unset; box-sizing: border-box; width: 100%; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; font-size: 18px; font-weight: 500; letter-spacing: -.01em; line-height: 1.4; color: var(--ink); transition: color .2s var(--ease); }
.faq-q button:hover { color: var(--red); }
.faq-q button:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }
.faq-q button[aria-expanded="true"] .faq-ic { transform: rotate(45deg); }
.faq-a ul, .faq-a ol { margin: 0 0 16px; padding-left: 20px; font-size: 16px; line-height: 1.65; color: var(--ink-soft); }
.faq-a p + p { margin-top: -12px; }
.faq-a .faq-copy { background: none; border: 0; padding: 0 0 24px; cursor: pointer; font: inherit; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; color: var(--muted); }
.faq-a .faq-copy:hover { color: var(--red); }
.faq-empty { font-size: 16px; color: var(--ink-soft); }
.faq-empty button.textlink { background: none; border: 0; padding: 0; cursor: pointer; font: inherit; color: var(--red); }
@media (max-width: 860px) {
  .faq-index .faq-nav { flex-direction: row; flex-wrap: wrap; gap: 8px; }
  .faq-index .faq-nav button { display: block; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; font-size: 13px; }
  .faq-index .faq-nav button[aria-pressed="true"] { border-color: var(--red); }
  .faq-q button { font-size: 16px; }
}