/* Refine home search card to match taxi-site visual language while keeping existing TripAdventure functionality */

body.home-page .search-card.search-card--home.search-card--taxi-look{
  max-width:1240px;
  margin:-118px auto 0;
  padding:28px 28px 24px !important;
  border-radius:32px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98)) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:0 30px 70px rgba(15,23,42,.18), 0 10px 24px rgba(255,107,44,.08) !important;
  backdrop-filter:blur(18px);
}

body.home-page .search-card--taxi-look .search-card-top{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:22px;
}
body.home-page .search-card--taxi-look .search-card-top-icon{
  width:58px;
  height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(135deg,#ff6b2c,#ff8c42);
  color:#fff;
  font-size:22px;
  box-shadow:0 16px 32px rgba(255,107,44,.24);
}
body.home-page .search-card--taxi-look .search-card-kicker{
  display:inline-flex;
  margin-bottom:4px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ff6b2c;
}
body.home-page .search-card--taxi-look .search-card-top h3{
  margin:0;
  font-size:clamp(1.5rem,2vw,2rem);
  font-weight:900;
  color:#101828;
}
body.home-page .search-card--taxi-look .search-card-top p{
  margin:6px 0 0;
  color:#667085;
  font-size:14px;
  line-height:1.5;
}

body.home-page .search-card--taxi-look .toggle-group,
body.home-page .search-card--taxi-look .toggle-group.toggle-group--beige{
  width:auto;
  display:inline-flex;
  padding:7px;
  gap:8px;
  background:#eef2f6;
  border:1px solid #d8e0ea;
  border-radius:20px;
  margin-bottom:20px;
}
body.home-page .search-card--taxi-look .toggle-group .btn-toggle{
  min-width:170px;
  min-height:56px;
  border-radius:16px;
  font-weight:800;
  color:#475467 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.home-page .search-card--taxi-look .toggle-group .btn-toggle.active{
  color:#fff !important;
  background:linear-gradient(135deg,#ff6b2c,#ff8c42) !important;
  box-shadow:0 14px 26px rgba(255,107,44,.24) !important;
}
body.home-page .search-card--taxi-look .toggle-group .btn-toggle.inactive{
  background:#fff !important;
  color:#344054 !important;
  border:1px solid rgba(16,24,40,.06);
}
body.home-page .search-card--taxi-look .toggle-group .btn-toggle::after{ display:none !important; }

body.home-page .search-card--taxi-look .field-group{
  border:1px solid #d8e0ea !important;
  background:linear-gradient(180deg,#fff,#fbfcfe) !important;
  border-radius:20px !important;
  box-shadow:0 8px 20px rgba(15,23,42,.06) !important;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.home-page .search-card--taxi-look .field-group:hover,
body.home-page .search-card--taxi-look .field-group:focus-within{
  border-color:rgba(255,107,44,.42) !important;
  box-shadow:0 14px 32px rgba(255,107,44,.12) !important;
  transform:translateY(-1px);
}
body.home-page .search-card--taxi-look .field-group .field-text{
  position:relative;
  width:100%;
}
body.home-page .search-card--taxi-look .field-group .field-label{
  position:absolute;
  left:48px;
  top:12px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#98a2b3;
  z-index:2;
  pointer-events:none;
}
body.home-page .search-card--taxi-look .field-group .form-control,
body.home-page .search-card--taxi-look .field-group input[type="text"],
body.home-page .search-card--taxi-look .field-group input[type="search"],
body.home-page .search-card--taxi-look .field-group input[type="date"],
body.home-page .search-card--taxi-look .field-group input[type="time"],
body.home-page .search-card--taxi-look .field-group select{
  min-height:70px !important;
  height:70px !important;
  padding:30px 44px 14px 48px !important;
  font-size:15px !important;
  font-weight:700 !important;
  color:#101828 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
body.home-page .search-card--taxi-look .field-group input::placeholder{
  color:#667085 !important;
  opacity:1;
}
body.home-page .search-card--taxi-look .field-group .map-icon{
  left:18px;
  color:#ff6b2c !important;
  font-size:18px;
}
body.home-page .search-card--taxi-look .field-group .clear-icon{
  right:14px;
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#98a2b3;
  background:rgba(16,24,40,.03);
}
body.home-page .search-card--taxi-look .field-group.show-clear .clear-icon,
body.home-page .search-card--taxi-look .field-group .clear-icon:hover{
  color:#101828;
  background:rgba(255,107,44,.12);
}

body.home-page .search-card--taxi-look .location-row{
  gap:14px !important;
}
body.home-page .search-card--taxi-look .swap-btn{
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
  border:1px solid #fed7c3 !important;
  background:linear-gradient(180deg,#fff,#fff4ee) !important;
  box-shadow:0 14px 28px rgba(15,23,42,.08) !important;
}
body.home-page .search-card--taxi-look .swap-btn i{
  color:#ff6b2c !important;
  font-size:18px !important;
}

body.home-page .search-card--taxi-look .trip-type-inline,
body.home-page .search-card--taxi-look .trip-type-inline.trip-type-inline--beige{
  margin-top:18px;
  border:1px solid #d8e0ea !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,rgba(255,107,44,.07),rgba(255,255,255,.96)) !important;
  box-shadow:0 10px 22px rgba(15,23,42,.05);
}
body.home-page .search-card--taxi-look .trip-type-inline .trip-plus{
  width:34px;
  height:34px;
  margin-right:12px;
  background:rgba(255,107,44,.14);
  color:#ff6b2c;
}
body.home-page .search-card--taxi-look .trip-type-inline .label{
  color:#101828 !important;
  font-size:15px !important;
  font-weight:800 !important;
}
body.home-page .search-card--taxi-look .switch .slider{
  background:#cfd8e3 !important;
}
body.home-page .search-card--taxi-look .switch input:checked + .slider{
  background:#ff6b2c !important;
}

body.home-page .search-card--taxi-look .btn-search{
  min-height:64px !important;
  border-radius:20px !important;
  margin-top:18px !important;
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:.01em;
  background:linear-gradient(135deg,#ff6b2c,#ff8c42) !important;
  color:#fff !important;
  box-shadow:0 18px 36px rgba(255,107,44,.25) !important;
}
body.home-page .search-card--taxi-look .btn-search:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 40px rgba(255,107,44,.3) !important;
}

body.home-page .search-card--taxi-look #distanceOutput{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
body.home-page .search-card--taxi-look #distanceOutput > *{
  margin:0 !important;
  padding:10px 14px;
  border-radius:999px;
  background:#101828;
  color:#fff;
  font-weight:700;
}
body.home-page .search-card--taxi-look #routeOptions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 0 !important;
}
body.home-page .search-card--taxi-look #routeOptions li{
  margin:0 !important;
  padding:10px 14px;
  border-radius:14px;
  background:#fff7f3;
  border:1px solid #ffd8c2;
  color:#7a2e0f;
  font-weight:700;
}

nav.navbar.main-nav{
  position:fixed !important;
  top:var(--ta-topbar-h,32px) !important;
  left:0;
  right:0;
  width:100%;
  padding:0 !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(15,23,42,.08) !important;
  z-index:190 !important;
}
nav.navbar.main-nav.nav-scrolled{
  box-shadow:0 10px 26px rgba(15,23,42,.12) !important;
}
nav.navbar.main-nav .navbar-brand,
nav.navbar.main-nav .navbar-brand.ta-brand{
  display:flex;
  align-items:center;
}
nav.navbar.main-nav .nav > li > a{
  color:#24324a !important;
}
nav.navbar.main-nav .nav > li.active > a,
nav.navbar.main-nav .nav > li > a:hover,
nav.navbar.main-nav .nav > li > a:focus{
  color:#ff6b2c !important;
}
#nav-backdrop.nav-backdrop{
  z-index:185 !important;
}

@media (max-width: 991px){
  body.home-page .search-card.search-card--home.search-card--taxi-look{
    margin-top:-90px;
    padding:20px 16px 18px !important;
    border-radius:26px !important;
  }
  body.home-page .search-card--taxi-look .search-card-top{
    gap:12px;
    margin-bottom:18px;
  }
  body.home-page .search-card--taxi-look .search-card-top-icon{
    width:50px;
    height:50px;
    border-radius:16px;
    font-size:18px;
  }
  body.home-page .search-card--taxi-look .toggle-group,
  body.home-page .search-card--taxi-look .toggle-group.toggle-group--beige{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  body.home-page .search-card--taxi-look .toggle-group .btn-toggle{
    min-width:0;
    min-height:52px;
    padding:12px 10px;
  }
}

@media (max-width: 767px){
  body.home-page .search-card--taxi-look .search-card-top{
    align-items:flex-start;
  }
  body.home-page .search-card--taxi-look .search-card-top h3{
    font-size:1.2rem;
  }
  body.home-page .search-card--taxi-look .field-group .field-label{
    left:44px;
  }
  body.home-page .search-card--taxi-look .field-group .form-control,
  body.home-page .search-card--taxi-look .field-group input[type="text"],
  body.home-page .search-card--taxi-look .field-group input[type="search"],
  body.home-page .search-card--taxi-look .field-group input[type="date"],
  body.home-page .search-card--taxi-look .field-group input[type="time"],
  body.home-page .search-card--taxi-look .field-group select{
    min-height:68px !important;
    height:68px !important;
  }
  body.home-page .search-card--taxi-look .btn-search{
    width:100% !important;
  }
}


/* ===== 2026-03-21 navbar + search/map alignment fix ===== */
nav.navbar.main-nav{
  min-height:72px !important;
  margin-bottom:0 !important;
  border:0 !important;
}

nav.navbar.main-nav > .container{
  max-width:1320px !important;
  margin:0 auto !important;
  min-height:72px;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px;
}

nav.navbar.main-nav .navbar-header{
  display:flex !important;
  align-items:center !important;
  min-height:72px;
  margin-right:20px !important;
}

nav.navbar.main-nav a.navbar-brand.ta-brand{
  height:72px !important;
  padding:0 !important;
}

nav.navbar.main-nav .navbar-collapse{
  padding-left:0 !important;
  padding-right:0 !important;
}

nav.navbar.main-nav ul.nav.navbar-nav.navbar-right{
  margin-left:auto !important;
}

nav.navbar.main-nav .nav > li > a{
  padding:12px 16px !important;
  font-size:14px !important;
  font-weight:700 !important;
  border-radius:14px !important;
}

nav.navbar.main-nav li.lang-switch-mobile.flags{
  margin-left:10px;
  padding-left:10px !important;
  border-left:1px solid rgba(15,23,42,.08);
}

nav.navbar.main-nav li.lang-switch-mobile.flags a{
  width:40px;
  height:30px;
}

body.home-page .home-search-map-shell{
  position:relative;
  margin-top:-118px;
  padding:0 0 32px;
  z-index:4;
}

body.home-page .home-search-map-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:24px;
  align-items:stretch;
}

body.home-page .home-search-map-grid > .search-card.search-card--home.search-card--taxi-look{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
}

body.home-page .home-search-map-grid .home-map-shell{
  min-width:0;
  display:flex;
}

body.home-page .home-search-map-grid .home-glass.home-map-card{
  width:100%;
  min-height:100%;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.74);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  box-shadow:0 30px 70px rgba(15,23,42,.16), 0 10px 24px rgba(255,107,44,.08);
  overflow:hidden;
}

body.home-page .home-search-map-grid #map{
  width:100% !important;
  height:100%;
  min-height:640px;
  border-radius:0;
}

@media (max-width: 1199px){
  body.home-page .home-search-map-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
    gap:20px;
  }

  body.home-page .home-search-map-grid #map{
    min-height:600px;
  }
}

@media (max-width: 991px){
  nav.navbar.main-nav > .container{
    gap:0;
    min-height:68px;
  }

  nav.navbar.main-nav .navbar-header{
    width:100% !important;
    min-height:68px;
    margin-right:0 !important;
  }

  nav.navbar.main-nav a.navbar-brand.ta-brand{
    height:68px !important;
  }

  #main-navbar-collapse{
    border-radius:0 0 18px 18px;
    box-shadow:0 18px 36px rgba(15,23,42,.16);
  }

  nav.navbar.main-nav li.lang-switch-mobile.flags{
    margin-left:0;
    padding-left:0 !important;
    border-left:0;
  }

  body.home-page .home-search-map-shell{
    margin-top:-92px;
    padding-bottom:24px;
  }

  body.home-page .home-search-map-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  body.home-page .home-search-map-grid > .search-card.search-card--home.search-card--taxi-look{
    margin:0;
  }

  body.home-page .home-search-map-grid #map{
    min-height:380px;
  }
}

@media (max-width: 767px){
  body.home-page .home-search-map-shell{
    margin-top:-74px;
    padding-bottom:20px;
  }

  body.home-page .home-search-map-grid .home-glass.home-map-card,
  body.home-page .home-search-map-grid > .search-card.search-card--home.search-card--taxi-look{
    border-radius:26px !important;
  }

  body.home-page .home-search-map-grid #map{
    min-height:320px;
  }
}