/*
 * The waiting list form's fields (pc-lead-form.js pours them in).
 * Dark by default, for the dark cards on the homepage and in the pop-up.
 * Add .pcf--light to the form for a light card (the clinic pages).
 * Brand: sharp corners everywhere; only true circles (the radio dot) are round.
 *
 * Every .pcf rule is repeated as #fbExamModal .pcf: the pop-up sits inside the
 * header's reset (header-static/header.css), whose #fbExamModal rules would
 * otherwise win (browser padding on inputs, grey buttons, no capitals).
 */
.pcf{
  --pcf-text:#f4ece1;
  --pcf-label:rgba(244,236,225,.72);
  --pcf-muted:rgba(244,236,225,.58);
  --pcf-faint:rgba(244,236,225,.42);
  --pcf-line:rgba(244,236,225,.18);
  --pcf-fill:rgba(244,236,225,.06);
  --pcf-fill-focus:rgba(244,236,225,.1);
  --pcf-gold:#c89c4a;
  --pcf-gold-soft:#e2c185;
  --pcf-err:#e8c9b0;
  --pcf-err-line:rgba(232,201,176,.45);
  --pcf-paper:#fbf6ee;
  --pcf-ink:#0b0b0b;
  --pcf-taupe:#6f6250;
  --pcf-font:"Basis Grotesque Arabic Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.pcf.pcf--light{
  --pcf-text:#0b0b0b;
  --pcf-label:rgba(11,11,11,.66);
  --pcf-muted:rgba(11,11,11,.58);
  --pcf-faint:rgba(11,11,11,.42);
  --pcf-line:rgba(11,11,11,.16);
  --pcf-fill:#fff;
  --pcf-fill-focus:#fff;
  --pcf-gold-soft:#8a6a1f;
  --pcf-err:#8a3b2a;
  --pcf-err-line:rgba(138,59,42,.4);
}
.pcf [data-pcf-fields]:empty,#fbExamModal .pcf [data-pcf-fields]:empty{min-height:490px}
/* The fields straight under the heading (no line between) keep the gap that line used to give. */
.pcf h3 + [data-pcf-fields],#fbExamModal .pcf h3 + [data-pcf-fields],.pcf .lf-title + [data-pcf-fields],#fbExamModal .pcf .fbm-title + [data-pcf-fields]{margin-top:16px}
.pcf [hidden],#fbExamModal .pcf [hidden]{display:none !important}
.pcf .pcf-field,#fbExamModal .pcf .pcf-field{margin:0 0 14px;padding:0;border:0;min-width:0;text-align:left}
.pcf .pcf-label,#fbExamModal .pcf .pcf-label{display:block;width:100%;padding:0;margin:0 0 6px;font-family:var(--pcf-font);font-size:.6rem;font-weight:700;text-transform:uppercase !important;letter-spacing:.16em !important;color:var(--pcf-label);line-height:1.4}
.pcf .pcf-in,#fbExamModal .pcf .pcf-in{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--pcf-line);border-radius:0 !important;background:var(--pcf-fill);font-family:var(--pcf-font);font-size:16px;font-weight:300;color:var(--pcf-text);transition:border-color .25s,background .25s;margin:0}
.pcf .pcf-in::placeholder,#fbExamModal .pcf .pcf-in::placeholder{color:var(--pcf-faint)}
.pcf .pcf-in:focus,#fbExamModal .pcf .pcf-in:focus{outline:none;border-color:var(--pcf-gold);background:var(--pcf-fill-focus)}
.pcf .pcf-in[aria-invalid="true"],#fbExamModal .pcf .pcf-in[aria-invalid="true"]{border-color:var(--pcf-err-line)}
.pcf .pcf-err,#fbExamModal .pcf .pcf-err{font-family:var(--pcf-font);font-size:.76rem;line-height:1.45;color:var(--pcf-err);margin:6px 0 0;text-align:left;animation:pcf-in .35s ease}
@keyframes pcf-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}
.pcf .pcf-suggest,#fbExamModal .pcf .pcf-suggest{font-family:var(--pcf-font);margin:6px 0 0;font-size:.76rem;line-height:1.5;color:var(--pcf-muted);animation:pcf-in .35s ease}
.pcf .pcf-suggest b,#fbExamModal .pcf .pcf-suggest b{font-weight:400;color:var(--pcf-text);word-break:break-all}
.pcf .pcf-suggest button,#fbExamModal .pcf .pcf-suggest button{font:inherit;color:var(--pcf-gold-soft);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;min-height:0;width:auto}
.pcf .pcf-suggest button:hover,#fbExamModal .pcf .pcf-suggest button:hover{color:var(--pcf-text)}
.pcf .pcf-sep,#fbExamModal .pcf .pcf-sep{opacity:.4;margin:0 6px}

/* phone: intl-tel-input */
.pcf .iti{width:100%;display:block;
  --iti-border-color:rgba(11,11,11,.12);--iti-country-selector-bg:var(--pcf-paper);--iti-hover-color:rgba(200,156,74,.16);--iti-icon-color:var(--pcf-gold);--iti-arrow-color:var(--pcf-gold)}
/* Flag, arrow and +971 on one centre line whatever the page's button styles (line-height, letter-spacing, min-height). */
.pcf .iti__selected-country,.pcf .iti__selected-country-primary,#fbExamModal .pcf .iti__selected-country,#fbExamModal .pcf .iti__selected-country-primary{display:flex;align-items:center;min-height:0;line-height:1;letter-spacing:0;text-transform:none;margin:0}
.pcf .iti__flag,#fbExamModal .pcf .iti__flag{flex:none;margin:0}
.pcf .iti__selected-dial-code,#fbExamModal .pcf .iti__selected-dial-code{color:var(--pcf-text);font-size:16px;font-weight:300;line-height:1;margin:0;padding:0}
.pcf .iti__selected-country,#fbExamModal .pcf .iti__selected-country{border-radius:0 !important;background:transparent;border:0;padding:0 6px 0 12px;cursor:pointer}
.pcf .iti__selected-country:hover,.pcf .iti__selected-country:focus-visible,#fbExamModal .pcf .iti__selected-country:hover,#fbExamModal .pcf .iti__selected-country:focus-visible{background:var(--pcf-fill-focus)}
.pcf .iti__arrow,#fbExamModal .pcf .iti__arrow{border-top-color:var(--pcf-gold)}
.pcf .iti__arrow--up,#fbExamModal .pcf .iti__arrow--up{border-bottom-color:var(--pcf-gold);border-top-color:transparent}
/* The country list sits on paper, so its words are ink, whatever the card is. */
.iti__country-selector{color:#0b0b0b;font-family:"Basis Grotesque Arabic Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;border-radius:0 !important;text-transform:none}
.iti__country-selector .iti__country-name,.iti__country-selector .iti__no-results{color:#0b0b0b}
.iti__country-selector .iti__dial-code{color:#6f6250}
.iti__country-selector .iti__search-input{background:#fff;color:#0b0b0b;font-size:16px;border-radius:0 !important}
.iti__country-selector .iti__search-input::placeholder{color:#6f6250}
.iti__country-list,.iti__search-input-wrapper,.iti__search-clear,.iti__search-clear-bg,.iti--fullscreen-popup .iti__close-button{border-radius:0 !important}
.iti__country.iti__highlight{background:rgba(200,156,74,.2)}

/* pets: a dropdown that still takes more than one answer */
.pcf .pcf-dd,#fbExamModal .pcf .pcf-dd{position:relative}
.pcf .pcf-dd-toggle,#fbExamModal .pcf .pcf-dd-toggle{display:block;width:100%;box-sizing:border-box;text-align:left;margin:0;padding:12px 38px 12px 14px;border:1px solid var(--pcf-line);border-radius:0 !important;background:var(--pcf-fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c89c4a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 13px center;font-family:var(--pcf-font);font-size:16px;font-weight:300;letter-spacing:0;text-transform:none;color:var(--pcf-text);cursor:pointer;transition:border-color .25s,background-color .25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0;box-shadow:none}
.pcf .pcf-dd-toggle.is-empty,#fbExamModal .pcf .pcf-dd-toggle.is-empty{color:var(--pcf-faint)}
.pcf .pcf-dd-toggle:focus-visible,.pcf .pcf-dd-toggle[aria-expanded="true"],#fbExamModal .pcf .pcf-dd-toggle:focus-visible,#fbExamModal .pcf .pcf-dd-toggle[aria-expanded="true"]{outline:none;border-color:var(--pcf-gold);background-color:var(--pcf-fill-focus)}
.pcf .pcf-set[aria-invalid="true"] .pcf-dd-toggle,#fbExamModal .pcf .pcf-set[aria-invalid="true"] .pcf-dd-toggle{border-color:var(--pcf-err-line)}
.pcf .pcf-dd-panel,#fbExamModal .pcf .pcf-dd-panel{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:var(--pcf-paper);color:var(--pcf-ink);border:1px solid rgba(11,11,11,.12);border-radius:0 !important;padding:6px;box-shadow:0 24px 50px -20px rgba(11,11,11,.6)}
.pcf .pcf-dd-opt,#fbExamModal .pcf .pcf-dd-opt{display:flex;align-items:center;gap:10px;padding:10px;margin:0;font-family:var(--pcf-font);font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--pcf-ink);cursor:pointer}
.pcf .pcf-dd-opt:hover,#fbExamModal .pcf .pcf-dd-opt:hover{background:rgba(200,156,74,.14)}
.pcf .pcf-dd-opt input,#fbExamModal .pcf .pcf-dd-opt input{appearance:none;-webkit-appearance:none;flex:none;width:17px;height:17px;margin:0;padding:0;border:1.5px solid rgba(11,11,11,.4);border-radius:0 !important;background:#fff;display:grid;place-items:center;cursor:pointer}
.pcf .pcf-dd-opt input:checked,#fbExamModal .pcf .pcf-dd-opt input:checked{background:var(--pcf-gold);border-color:var(--pcf-gold)}
.pcf .pcf-dd-opt input:checked::after,#fbExamModal .pcf .pcf-dd-opt input:checked::after{content:"";width:9px;height:5px;border:solid #0b0b0b;border-width:0 0 2px 2px;transform:translate(0,-1px) rotate(-45deg)}
.pcf .pcf-dd-done,#fbExamModal .pcf .pcf-dd-done{display:block;width:100%;margin:4px 0 0;padding:10px;border:0;border-radius:0 !important;background:#0b0b0b;color:#f4ece1;font-family:var(--pcf-font);font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:none;cursor:pointer;min-height:0}
.pcf .pcf-dd-done:focus-visible,.pcf .pcf-dd-opt input:focus-visible,#fbExamModal .pcf .pcf-dd-done:focus-visible,#fbExamModal .pcf .pcf-dd-opt input:focus-visible{outline:2px solid var(--pcf-gold);outline-offset:2px}

/* location: the two clinics */
.pcf .pcf-choices,#fbExamModal .pcf .pcf-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pcf .pcf-choice,#fbExamModal .pcf .pcf-choice{position:relative;display:flex;margin:0;text-transform:none;letter-spacing:0}
.pcf .pcf-choice input,#fbExamModal .pcf .pcf-choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.pcf .pcf-choice > span,#fbExamModal .pcf .pcf-choice > span{flex:1;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--pcf-line);border-radius:0 !important;background:var(--pcf-fill);font-family:var(--pcf-font);font-size:.86rem;font-weight:400;line-height:1.3;color:var(--pcf-text);cursor:pointer;transition:border-color .2s,background .2s;text-align:left}
.pcf .pcf-choice > span::before,#fbExamModal .pcf .pcf-choice > span::before{content:"";flex:none;width:16px;height:16px;border:1.5px solid var(--pcf-faint);border-radius:50%;transition:.2s}
.pcf .pcf-choice input:checked + span,#fbExamModal .pcf .pcf-choice input:checked + span{border-color:var(--pcf-gold);background:rgba(200,156,74,.12)}
.pcf .pcf-choice input:checked + span::before,#fbExamModal .pcf .pcf-choice input:checked + span::before{border-color:var(--pcf-gold);background:var(--pcf-gold);box-shadow:inset 0 0 0 3px #1a140f}
.pcf.pcf--light .pcf-choice input:checked + span::before,#fbExamModal .pcf.pcf--light .pcf-choice input:checked + span::before{box-shadow:inset 0 0 0 3px #fff}
.pcf .pcf-choice input:focus-visible + span,#fbExamModal .pcf .pcf-choice input:focus-visible + span{outline:2px solid var(--pcf-gold-soft);outline-offset:2px}
.pcf .pcf-choice small,#fbExamModal .pcf .pcf-choice small{display:block;font-size:.7rem;color:var(--pcf-muted)}
.pcf .pcf-set[aria-invalid="true"] .pcf-choice > span,#fbExamModal .pcf .pcf-set[aria-invalid="true"] .pcf-choice > span{border-color:var(--pcf-err-line)}
.pcf .pcf-soon,#fbExamModal .pcf .pcf-soon{display:flex;align-items:center;gap:12px;margin:12px 0 0;font-family:var(--pcf-font);font-size:.62rem;font-weight:700;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--pcf-faint)}
.pcf .pcf-soon::before,.pcf .pcf-soon::after,#fbExamModal .pcf .pcf-soon::before,#fbExamModal .pcf .pcf-soon::after{content:"";flex:1;height:1px;background:var(--pcf-line)}

.pcf .pcf-hp,#fbExamModal .pcf .pcf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (prefers-reduced-motion:reduce){.pcf *,#fbExamModal .pcf *{transition:none !important;animation:none !important}}
