:root {
  --theme-bg: #1062fe;
  --theme-bg-light: rgba(16, 98, 254, 0.07);
  --theme-bg-hover: #0b4fd4;
  --surface: #f8fafc;
  --surface-hover: #f1f5f9;
  --border-color: #e2e8f0;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.08);
  --shadow-xl: 0 20px 60px rgba(0,0,0,0.12);
  --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

::selection                     { background: #bfdbfe; }
::-moz-selection                { background: #bfdbfe; }
::-webkit-scrollbar             { width: 8px; }
::-webkit-scrollbar-track       { background-color: var(--surface); }
::-webkit-scrollbar-thumb       { background-color: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background-color: #94a3b8; }

.dropdown-toggle::after{border-top: none;}
input,select.textarea{ outline: 0; box-shadow: none !important; }
.input-items .select2-selection:hover { background: var(--surface-hover); border-color: var(--theme-bg); }
.main_search input,.search_box input { height: 58px !important; border: 1.5px solid var(--border-color); border-radius: var(--radius-sm); transition: border-color var(--transition), box-shadow var(--transition); }
.main_search input[type=text]:hover,.main_search .dropdown-btn:hover { background: var(--surface-hover); border-color: var(--theme-bg); }
.dropdown-btn:focus {border: 1.5px solid var(--theme-bg); box-shadow: 0 0 0 3px var(--theme-bg-light);}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--theme-bg); border-radius: var(--radius-sm);}
.select2-container--default .select2-results__option--highlighted[aria-selected] .btn { color : #fff !important;border-color: #fff; }
.select2-results__option.select2-results__option--highlighted:hover .btn { color : #fff !important;border-color: #fff; }

/* Search tabs - pill style */
.main_search .nav-item .nav-link.active {
  background: var(--theme-bg) !important;
  color: #fff !important;
  fill: #fff;
  border-color: transparent !important;
  border-bottom-color: transparent !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-sm);
}
.main_search .nav-item .nav-link.active svg { fill: #fff !important; }
.main_search .nav-item .nav-link {
  font-weight: 600;
  border: none !important;
  border-bottom: none !important;
  border-color: transparent !important;
  gap: 8px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.3px;
  border-radius: var(--radius-sm) !important;
  padding: 10px 18px;
  transition: all var(--transition);
  color: var(--text-secondary);
}
.main_search .nav-item .nav-link:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

.dropdown-item input { height: 32px !important;}
.nav-tabs svg { fill : var(--theme-bg) !important}
.icon-box .info-icon { color: #fff; border-radius: var(--radius-md); background: rgba(255,255,255,0.15);}
.info-icon svg { stroke : #fff !important; height: 26px; width: 26px;}
.select2-results{
  display:block; border-top: transparent; border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm);
}
.btn-primary {background-color: var(--theme-bg);}
.booking-detail-form .form-check:hover{border:1px solid var(--theme-bg) !important}
.form-check-input:checked{background-color: var(--theme-bg);}
a { color: var(--theme-bg); transition: color var(--transition); }
a:hover { color: var(--theme-bg-hover); }
.bg-primary{ background-color: var(--theme-bg);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: var(--theme-bg); }
.irs--round .irs-handle { border-color: var(--theme-bg);}
.irs--round .irs-bar { background-color: var(--theme-bg); }
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: var(--theme-bg); }
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {border-top-color: var(--theme-bg);}
.btn-primary {border-color: var(--theme-bg);}
.bg-primary {background-color: var(--theme-bg) !important}
.text-primary { color: var(--theme-bg) !important;}
.most--popular-from button, .most--popular-to button {border-color:var(--theme-bg);color:var(--theme-bg)}