@import url("ats-steps.css?v=2");
@import url("ats-checkout.css?v=2");
/* Airport Transfers Service: booking widget look (search form) */
:root { --ats-navy:#042E7C; --ats-gold:#DFB44E; --ats-ink:#102436; --ats-muted:#5b6b85; --ats-line:#cdd5e3; --ats-field:48px; }

/* Card */
#bookingform .tabbg { background:#fff !important; border-radius:14px; padding:28px 28px 24px !important; box-shadow:0 12px 32px rgba(4,46,124,.28); border:0 !important; }
#bookingform .tabbg, #bookingform .tabbg label, #bookingform .tabbg strong { color:var(--ats-ink); }
#bookingform .nav-tabs { display:none; }
#bookingform .tab-content { padding:0 !important; }

/* Trip type */
#form1 > div:nth-of-type(1) { display:flex; align-items:center; gap:10px; margin:0 0 18px; }
#form1 > div:nth-of-type(1) strong { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ats-muted); margin-right:4px; }
#form1 > div:nth-of-type(1) label { display:inline-flex; align-items:center; gap:8px; margin:0; padding:8px 16px; border:1px solid var(--ats-line); border-radius:999px; font-size:15px; font-weight:600; cursor:pointer; background:#fff; }
#form1 > div:nth-of-type(1) label:has(input:checked) { border-color:var(--ats-navy); background:#eef3fc; color:var(--ats-navy); }
#form1 > div:nth-of-type(1) input[type=radio] { margin:0; accent-color:var(--ats-navy); width:16px; height:16px; }
#form1 > div:nth-of-type(1) .checkmark { display:none; }

/* Field grid */
#form1 > div:nth-of-type(2) { display:grid !important; grid-template-columns:repeat(12, minmax(0,1fr)); gap:14px 16px; margin:0 !important; }
#form1 > div:nth-of-type(2)::before, #form1 > div:nth-of-type(2)::after { display:none !important; }
#form1 > div:nth-of-type(2) > div { width:auto !important; float:none !important; padding:0 !important; margin:0 !important; min-width:0; position:relative; }
#form1 > div:nth-of-type(2) > div { grid-column:span 4; order:2; }
#form1:has(#return_rd:checked) > div:nth-of-type(2) > div { grid-column:span 3; }
/* Luggage on the search form only listed removal items (boxes, furniture, pets); suitcases are asked at checkout */
#form1 > div:nth-of-type(2) > div:has(#drpbtn), #form1 > .addedvalues { display:none !important; }
#form1 > div:nth-of-type(2) > div:nth-child(1), #form1 > div:nth-of-type(2) > div:nth-child(2) { grid-column:span 6 !important; order:0; }
#form1 > div:nth-of-type(2) > div[class*=via_address] { grid-column:span 12 !important; order:0; }
#form1 > div:nth-of-type(2) > div:nth-child(3) { grid-column:span 12 !important; order:1; margin:-4px 0 0 !important; }
#form1 .form-group { margin:0 !important; position:relative; }

/* Labels */
#form1 > div:nth-of-type(2) label { display:block; margin:0 0 6px !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.05em; text-transform:uppercase; color:var(--ats-muted) !important; line-height:1.2; }

/* Inputs: one height, one style */
#form1 .form-control, #form1 #drpbtn {
  height:var(--ats-field) !important; width:100% !important; box-sizing:border-box; margin:0 !important;
  padding:0 14px !important; font-size:16px !important; line-height:var(--ats-field) !important; color:var(--ats-ink) !important;
  background:#fff !important; border:1px solid var(--ats-line) !important; border-radius:8px !important; box-shadow:none !important;
}
#form1 select.form-control { line-height:normal !important; padding-right:36px !important; appearance:none; -webkit-appearance:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235b6b85' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center !important; }
#form1 .form-control::placeholder { color:#8a97ad; opacity:1; }
#form1 .form-control:focus, #form1 #drpbtn:focus { outline:none; border-color:var(--ats-navy) !important; box-shadow:0 0 0 3px rgba(4,46,124,.15) !important; }
#form1 #pickup, #form1 #dropoff, #form1 [id^=via_address] { padding-right:46px !important; }
#form1 #drpbtn { display:flex !important; align-items:center; cursor:pointer; text-transform:none; }
#form1 #drpbtn::after { content:""; margin-left:auto; width:12px; height:8px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235b6b85' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center; }

/* Icons inside fields */
#form1 .icon-geolocation { position:absolute !important; right:12px !important; top:auto !important; bottom:12px !important; width:24px; height:24px; margin:0 !important; display:flex; align-items:center; justify-content:center; cursor:pointer; opacity:.7; }
#form1 .icon-geolocation img { width:22px !important; height:22px !important; }
#form1 .icon-geolocation:hover { opacity:1; }
#form1 .form-control-feedback, #form1 .glyphicon-calendar, #form1 .has-feedback .fa { top:auto !important; bottom:0 !important; height:var(--ats-field) !important; line-height:var(--ats-field) !important; }
#form1 #myDate, #form1 #retmyDate { background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235b6b85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") no-repeat right 12px center !important; padding-right:42px !important; cursor:pointer; }
#form1 #myTime, #form1 #retmyTime { background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235b6b85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat right 12px center !important; padding-right:42px !important; }
#form1 .has-feedback .form-control-feedback, #form1 #myTime + img, #form1 #retmyTime + img, #form1 .timeicon, #form1 .calicon { display:none !important; }

/* Add a stop */
#form1 .viabtn { display:inline-flex !important; align-items:center; height:auto !important; padding:0 !important; margin:0 !important; background:none !important; border:0 !important; box-shadow:none !important; color:var(--ats-navy) !important; font-size:14px !important; font-weight:700; }
#form1 .viabtn { font-size:0 !important; }
#form1 .viabtn::before { content:"+ Add a stop"; font-size:14px; }
#form1 > div:nth-of-type(2) > div:nth-child(3) .text-center { text-align:left !important; margin:0 !important; }
#form1 .remove-icon { position:absolute !important; right:44px !important; top:auto !important; bottom:14px !important; font-size:20px !important; color:#8a97ad !important; cursor:pointer; margin:0 !important; }
#form1 [id^=via_address] { padding-right:76px !important; }

/* Luggage summary + quote button */
#form1 > .addedvalues { margin:10px 0 0 !important; padding:0 !important; font-size:14px; color:var(--ats-muted); }
#form1 > div:nth-of-type(4) { margin:20px 0 0 !important; }
#form1 > div:nth-of-type(4) > div { padding:0 !important; float:none !important; width:auto !important; }
#form1 #submitbtn { height:52px; min-width:240px; padding:0 28px !important; border:0 !important; border-radius:8px !important; background:var(--ats-gold) !important; color:var(--ats-navy) !important; font-size:17px !important; font-weight:800 !important; letter-spacing:.06em; box-shadow:0 4px 12px rgba(223,180,78,.35); }
#form1 #submitbtn:hover { filter:brightness(1.05); }
#form1 #submitbtn span, #form1 #submitbtn i { color:var(--ats-navy) !important; }

/* On-form notice (pickup too soon) */
#form1 .ats-notice { margin:16px 0 0; padding:12px 14px; border-radius:8px; background:#fff7e6; border:1px solid #f0d28a; color:#6b4e00; font-size:14px; line-height:1.5; }

/* Phones */
@media (max-width: 767px) {
  #bookingform { padding:0 !important; }
  #bookingform .tabbg { padding:18px 16px !important; border-radius:12px; }
  #form1 > div:nth-of-type(1) strong { display:none; }
  #form1 > div:nth-of-type(1) label { flex:1; justify-content:center; padding:10px 8px; }
  #form1 > div:nth-of-type(4) > div { text-align:center !important; }
  #form1 > div:nth-of-type(2) { grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
  #form1 > div:nth-of-type(2) > div, #form1:has(#return_rd:checked) > div:nth-of-type(2) > div { grid-column:span 1; }
  #form1 > div:nth-of-type(2) > div:has(#passengers) { grid-column:span 2 !important; }
  #form1 > div:nth-of-type(2) > div:nth-child(1), #form1 > div:nth-of-type(2) > div:nth-child(2), #form1 > div:nth-of-type(2) > div:nth-child(3), #form1 > div:nth-of-type(2) > div[class*=via_address] { grid-column:span 2 !important; }
  #form1 #submitbtn { width:100% !important; min-width:0; }
}