/* ==========================================================================
   MILES PRIVATE INSTRUCTION — form skin for /miles/
   Paste into: Divi → Theme Options → General → Custom CSS
   Scope: the /miles/ page only (page id 272600). If the page id ever changes,
   add CSS Class "miles-form" to the Divi module holding the form — the second
   scope below picks that up.
   Safe by design: nothing here targets a global selector.
   ========================================================================== */

.page-id-272600 .gform_wrapper,
.miles-form .gform_wrapper{--m-ink:#1c1a17;--m-paper:#faf6ed;--m-bone:#f4ede0;--m-gold:#c9a159;--m-oxblood:#8f2418;--m-line:rgba(28,26,23,.14);--m-muted:#6f675a;max-width:860px;margin:0 auto;padding:0}

/* --- the sheet the form sits on ----------------------------------------- */
.page-id-272600 .gform_wrapper form,
.miles-form .gform_wrapper form{background:#fff;border:1px solid var(--m-line);padding:38px 40px 34px}
.page-id-272600 .gform_required_legend,
.miles-form .gform_required_legend{font-size:12px;letter-spacing:.04em;color:var(--m-muted);margin:0 0 18px}

/* --- progress bar: slim, gold, quiet ------------------------------------ */
.page-id-272600 .gf_progressbar_wrapper,
.miles-form .gf_progressbar_wrapper{margin:0 0 26px}
.page-id-272600 .gf_progressbar_title,
.miles-form .gf_progressbar_title{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--m-muted);margin:0 0 8px}
.page-id-272600 .gf_progressbar,
.miles-form .gf_progressbar{background:var(--m-bone);border-radius:0;height:4px;box-shadow:none;overflow:hidden}
.page-id-272600 .gf_progressbar_percentage,
.miles-form .gf_progressbar_percentage{background:var(--m-gold)!important;border-radius:0;height:4px}
.page-id-272600 .gf_progressbar_percentage span,
.miles-form .gf_progressbar_percentage span{display:none}

/* --- section header: flat gold rule, not a giant pill -------------------- */
.page-id-272600 .gsection,
.miles-form .gsection{background:none!important;background-image:none!important;border:0;border-bottom:1px solid var(--m-gold);border-radius:0;box-shadow:none;padding:0 0 10px;margin:6px 0 26px}
.page-id-272600 .gsection_title,
.miles-form .gsection_title{font-family:'Playfair Display',Georgia,serif!important;font-size:24px!important;line-height:1.2;letter-spacing:.01em;color:var(--m-ink)!important;text-transform:none!important;text-shadow:none!important;margin:0;padding:0}

/* --- intro copy block ---------------------------------------------------- */
.page-id-272600 .gfield_html,
.miles-form .gfield_html{margin-bottom:8px}
.page-id-272600 .gfield_html>div,
.miles-form .gfield_html>div{background:var(--m-paper)!important;border:1px solid var(--m-line);border-radius:0!important;padding:20px 22px!important}
.page-id-272600 .gfield_html p,
.miles-form .gfield_html p{font-size:15.5px;line-height:1.6;color:#4a4438;margin:0 0 10px;padding:0}
.page-id-272600 .gfield_html p:last-child,
.miles-form .gfield_html p:last-child{margin:0}

/* --- labels, descriptions, required mark --------------------------------- */
.page-id-272600 .gfield_label,
.miles-form .gfield_label{font-size:12px!important;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase;color:var(--m-ink)!important;margin:0 0 10px}
.page-id-272600 .gfield_required,
.miles-form .gfield_required{color:var(--m-oxblood)!important}
.page-id-272600 .gfield_description,
.miles-form .gfield_description{font-size:14px;line-height:1.5;color:var(--m-muted);padding-top:8px}
.page-id-272600 .gform_fields,
.miles-form .gform_fields{row-gap:26px}

/* --- text inputs + select ------------------------------------------------ */
.page-id-272600 .gform_wrapper input[type=text],
.page-id-272600 .gform_wrapper input[type=email],
.page-id-272600 .gform_wrapper input[type=tel],
.page-id-272600 .gform_wrapper select,
.miles-form .gform_wrapper input[type=text],
.miles-form .gform_wrapper input[type=email],
.miles-form .gform_wrapper input[type=tel],
.miles-form .gform_wrapper select{background:#fff!important;background-image:none!important;border:1px solid var(--m-line)!important;border-radius:0!important;box-shadow:none!important;padding:13px 14px!important;font-size:16px;color:var(--m-ink);min-height:48px;transition:border-color .18s}
.page-id-272600 .gform_wrapper input:focus,
.page-id-272600 .gform_wrapper select:focus,
.miles-form .gform_wrapper input:focus,
.miles-form .gform_wrapper select:focus{border-color:var(--m-gold)!important;outline:2px solid rgba(201,161,89,.35);outline-offset:1px}

/* --- THE FIX: choice rows, not grey gradient slabs ----------------------- */
.page-id-272600 .gfield_radio,
.page-id-272600 .gfield_checkbox,
.miles-form .gfield_radio,
.miles-form .gfield_checkbox{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.page-id-272600 .gchoice,
.miles-form .gchoice{margin:0;padding:0;list-style:none;background:none}
.page-id-272600 .gchoice label,
.miles-form .gchoice label{display:flex;align-items:center;gap:12px;width:100%;margin:0;
  background:#fff!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;
  border:1px solid var(--m-line);border-radius:0;padding:14px 16px;min-height:52px;
  font-family:inherit;font-size:15.5px;font-weight:500;line-height:1.3;color:var(--m-ink)!important;
  text-align:left;text-transform:none;letter-spacing:0;cursor:pointer;transition:border-color .16s,background-color .16s}
.page-id-272600 .gchoice label:hover,
.miles-form .gchoice label:hover{border-color:var(--m-gold);background:var(--m-paper)!important}
/* native input stays for keyboard/screen-reader use but is visually hidden —
   the indicator ring is drawn INSIDE the card (label::before) instead of the
   loose white dot that floated above each card */
.page-id-272600 .gchoice input[type=radio],
.page-id-272600 .gchoice input[type=checkbox],
.miles-form .gchoice input[type=radio],
.miles-form .gchoice input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.page-id-272600 .gchoice{position:relative}
.miles-form .gchoice{position:relative}
.page-id-272600 .gchoice label::before,
.miles-form .gchoice label::before{content:"";flex:0 0 auto;width:16px;height:16px;border-radius:50%;border:2px solid #b9b1a2;background:#fff;transition:border-color .16s,background .16s,box-shadow .16s}
.page-id-272600 .gchoice input[type=checkbox]+label::before,
.miles-form .gchoice input[type=checkbox]+label::before{border-radius:0}
.page-id-272600 .gchoice input:checked+label::before,
.miles-form .gchoice input:checked+label::before{border-color:var(--m-gold);background:var(--m-gold);box-shadow:inset 0 0 0 3px #fff}
.page-id-272600 .gchoice input:checked+label,
.miles-form .gchoice input:checked+label{border-color:var(--m-gold);border-left-width:3px;background:var(--m-bone)!important;font-weight:600}
.page-id-272600 .gchoice input:focus-visible+label,
.miles-form .gchoice input:focus-visible+label{outline:2px solid var(--m-gold);outline-offset:2px}

/* Times read as a two-up list on desktop instead of one long stack. */
@media(min-width:700px){
  .page-id-272600 .gfield--type-radio .gfield_radio,
  .miles-form .gfield--type-radio .gfield_radio{grid-template-columns:1fr 1fr}
  .page-id-272600 .gfield--type-radio .gfield_radio:has(.gchoice:nth-child(-n+3):last-child),
  .miles-form .gfield--type-radio .gfield_radio:has(.gchoice:nth-child(-n+3):last-child){grid-template-columns:1fr}
}

/* --- buttons ------------------------------------------------------------- */
.page-id-272600 .gform_page_footer,
.page-id-272600 .gform_footer,
.miles-form .gform_page_footer,
.miles-form .gform_footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--m-line);margin-top:30px;padding-top:24px}
.page-id-272600 .gform_wrapper .gform_button,
.page-id-272600 .gform_wrapper .gform_next_button,
.page-id-272600 .gform_wrapper .gform_previous_button,
.miles-form .gform_wrapper .gform_button,
.miles-form .gform_wrapper .gform_next_button,
.miles-form .gform_wrapper .gform_previous_button{-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none;
  font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  padding:16px 34px;min-height:52px;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s;width:auto}
.page-id-272600 .gform_wrapper .gform_button,
.page-id-272600 .gform_wrapper .gform_next_button,
.miles-form .gform_wrapper .gform_button,
.miles-form .gform_wrapper .gform_next_button{background:var(--m-gold);border:1px solid var(--m-gold);color:#1c150a}
.page-id-272600 .gform_wrapper .gform_button:hover,
.page-id-272600 .gform_wrapper .gform_next_button:hover,
.miles-form .gform_wrapper .gform_button:hover,
.miles-form .gform_wrapper .gform_next_button:hover{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-paper)}
.page-id-272600 .gform_wrapper .gform_previous_button,
.miles-form .gform_wrapper .gform_previous_button{background:transparent;border:1px solid var(--m-line);color:var(--m-muted)}
.page-id-272600 .gform_wrapper .gform_previous_button:hover,
.miles-form .gform_wrapper .gform_previous_button:hover{border-color:var(--m-ink);color:var(--m-ink)}

/* --- validation ---------------------------------------------------------- */
.page-id-272600 .gform_validation_errors,
.miles-form .gform_validation_errors{border:1px solid var(--m-oxblood)!important;border-radius:0!important;background:#fdf6f4!important;box-shadow:none!important}
.page-id-272600 .gform_validation_errors h2,
.miles-form .gform_validation_errors h2{color:var(--m-oxblood)!important;font-size:15px!important}
.page-id-272600 .gfield_error .gfield_label,
.miles-form .gfield_error .gfield_label{color:var(--m-oxblood)!important}
.page-id-272600 .gfield_validation_message,
.miles-form .gfield_validation_message{background:none!important;border:0!important;border-left:3px solid var(--m-oxblood)!important;border-radius:0!important;color:var(--m-oxblood)!important;padding:6px 0 6px 12px!important;font-size:14px}

/* --- phones -------------------------------------------------------------- */
@media(max-width:782px){
  .page-id-272600 .gform_wrapper form,
  .miles-form .gform_wrapper form{padding:24px 18px 22px}
  .page-id-272600 .gsection_title,
  .miles-form .gsection_title{font-size:20px!important}
  .page-id-272600 .gchoice label,
  .miles-form .gchoice label{min-height:56px;font-size:15px}
  .page-id-272600 .gform_page_footer .gform_button,
  .page-id-272600 .gform_page_footer .gform_previous_button,
  .miles-form .gform_page_footer .gform_button,
  .miles-form .gform_page_footer .gform_previous_button{flex:1 1 100%;text-align:center}
}