/* Taxi Toolkit — Quote Form */
/* Anchor target offset so the fixed header doesn't cover the form on scroll. */
#quote{scroll-margin-top:110px}
.tt-quote{scroll-margin-top:110px;
	--tt-accent:#189cd9;--tt-submit-from:#189cd9;--tt-submit-to:#1f71b8;
	background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:20px;
	box-shadow:0 30px 70px rgba(4,12,22,.4);padding:28px 26px;
	font-family:'Manrope',system-ui,sans-serif;
}
.tt-quote__head{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-bottom:16px}
.tt-quote__title{font-family:'Sora',system-ui,sans-serif;font-size:20px;margin:0;color:#0e1b2a;font-weight:800;line-height:1.1}
.tt-quote__badge{display:inline-flex;align-items:center;gap:7px;background:#e7f6ec;color:#1c8a4c;font-size:12.5px;font-weight:800;padding:6px 11px;border-radius:999px;margin:0;white-space:nowrap}
.tt-quote__dot{width:7px;height:7px;border-radius:50%;background:#25c15e;display:inline-block}
.tt-quote__foot{text-align:center;font-size:11.5px;color:#a4b0bc;margin:12px 0 0;font-weight:500}
.tt-quote__placeholder{border:2px dashed #cdd8e2;border-radius:12px;padding:34px 18px;text-align:center;color:#8a97a4;font-weight:600;font-size:14px}

/* --- Gravity Forms field styling to match the design --- */
.tt-quote .gform_wrapper .gform_body{margin:0}
.tt-quote .gform_wrapper .gfield{margin:0}
/* Tight, even spacing between rows (grid handles it; kill GF's default margins) */
.tt-quote .gform_wrapper .gform_fields{grid-row-gap:16px;grid-column-gap:12px;row-gap:16px;column-gap:12px;align-items:start}
/* No "(Required)" / asterisk markers — the reference doesn't show them */
.tt-quote .gform_wrapper .gfield_required{display:none}
/* Hide the extra datepicker trigger icon (input still opens the picker) */
.tt-quote .gform_wrapper .ui-datepicker-trigger,
.tt-quote .gform_wrapper .gform-datepicker__icon,
.tt-quote .gform_wrapper .datepicker_with_icon + button{display:none !important}
.tt-quote .gform_wrapper .gfield--type-date .ginput_container_date{display:block}
/* Hide field-title labels — rely on placeholders. Keep the chips question and
   the radio choice labels (those use .gform-field-label--type-inline). */
.tt-quote .gform_wrapper .gfield_label{display:none}
.tt-quote .gform_wrapper .tt-chips .gfield_label{
	display:block;font-size:12.5px;font-weight:700;color:#48586a;text-transform:uppercase;letter-spacing:.4px;margin-bottom:9px
}
/* Fields — a bit taller */
.tt-quote .gform_wrapper input:not([type=submit]),
.tt-quote .gform_wrapper select,
.tt-quote .gform_wrapper textarea{
	width:100%;border:1.5px solid #d9e2ea;border-radius:10px;padding:15px 15px;
	font-size:15px;font-weight:500;color:#0e1b2a;outline:none;background:#fff;
	transition:border-color .15s,box-shadow .15s;box-sizing:border-box;
	min-height:52px;
}
.tt-quote .gform_wrapper textarea{min-height:92px}
/* Smaller placeholder text */
.tt-quote .gform_wrapper input::placeholder,
.tt-quote .gform_wrapper textarea::placeholder{font-size:13.5px;color:#9aa7b4;font-weight:500}
.tt-quote .gform_wrapper input::-webkit-input-placeholder{font-size:13.5px;color:#9aa7b4}
.tt-quote .gform_wrapper input:not([type=submit]):focus,
.tt-quote .gform_wrapper select:focus,
.tt-quote .gform_wrapper textarea:focus{
	border-color:var(--tt-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tt-accent) 20%,transparent)
}
/* Select: restore a caret (our background:#fff wiped Gravity's arrow) + design look */
.tt-quote .gform_wrapper select,
.tt-quote .gform_wrapper select.gfield_select{
	-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
	font-weight:500;padding-right:38px;background-color:#fff;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6b7b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
	cursor:pointer;text-overflow:ellipsis;line-height:1.2;height:auto;vertical-align:middle;
}
/* When the empty "Passengers" placeholder option is selected, show it like the
   other (grey, lighter, smaller) input placeholders. */
.tt-quote .gform_wrapper select:has(option[value=""]:checked){color:#9aa7b4;font-size:13.5px;font-weight:500}
.tt-quote .gform_wrapper .gform_footer,
.tt-quote .gform_wrapper .gform-footer{margin:18px 0 0 !important;padding:0 !important;display:block !important;justify-content:stretch}
.tt-quote .gform_wrapper .gform_footer input[type=submit],
.tt-quote .gform_wrapper .gform-footer input[type=submit],
.tt-quote .gform_wrapper .gform_button,
.tt-quote .gform_wrapper button.gform_button,
.tt-quote .gform_wrapper .gform-button{
	width:100% !important;max-width:none !important;margin:0 !important;display:block !important;
	background:linear-gradient(135deg,var(--tt-submit-from),var(--tt-submit-to));
	color:#fff;border:none;font-weight:800;font-size:17px;padding:16px;border-radius:12px;cursor:pointer;
	min-height:52px;
	box-shadow:0 10px 26px rgba(24,156,217,.35);transition:filter .15s;font-family:'Manrope',system-ui,sans-serif;
}
.tt-quote .gform_wrapper .gform_footer input[type=submit]:hover,
.tt-quote .gform_wrapper .gform_button:hover{filter:brightness(1.06)}
/* under-button call line */
.tt-quote__call{text-align:center;font-size:12.5px;color:#8a97a4;margin:12px 0 0;font-weight:500;font-family:'Manrope',system-ui,sans-serif}
.tt-quote__call a{color:#1f71b8;font-weight:700;text-decoration:none}
/* Trip-type chips (radio field with .tt-chips class) — pill buttons.
   !important beats Gravity's orbital theme which lays radios out in a grid. */
.tt-quote .tt-chips .gfield_radio{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:8px !important;grid-template-columns:none !important;grid-auto-flow:column}
.tt-quote .tt-chips .gchoice{margin:0 !important;padding:0 !important;width:auto !important;max-width:none !important;flex:0 0 auto !important;display:inline-flex !important;align-items:center;min-height:0}
.tt-quote .tt-chips input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.tt-quote .tt-chips label{
	cursor:pointer;font-family:'Manrope',system-ui,sans-serif;font-size:13px;font-weight:700;
	padding:9px 14px;border-radius:999px;border:1.5px solid #d9e2ea;background:#fff;color:#5b6b7b;
	transition:all .15s;display:inline-block;margin:0;line-height:1.2;
}
.tt-quote .tt-chips input[type=radio]:checked + label{
	border-color:var(--tt-accent,#189cd9);background:color-mix(in srgb,var(--tt-accent,#189cd9) 12%,transparent);color:#1f71b8;
}
.tt-quote .tt-chips input[type=radio]:focus-visible + label{box-shadow:0 0 0 3px color-mix(in srgb,var(--tt-accent,#189cd9) 20%,transparent)}
.tt-quote .tt-chips .gfield_label{margin-bottom:9px}

/* 2-column rows when Gravity fields use the built-in half-width class */
.tt-quote .gform_wrapper .gfield.gf_left_half{width:calc(50% - 6px);display:inline-block;margin-right:12px;vertical-align:top}
.tt-quote .gform_wrapper .gfield.gf_right_half{width:calc(50% - 6px);display:inline-block;vertical-align:top}
@media(max-width:520px){
	.tt-quote .gform_wrapper .gfield.gf_left_half,
	.tt-quote .gform_wrapper .gfield.gf_right_half{width:100%;margin-right:0;display:block}
}