.active-combo {background-color: var(--Green, #419E67);}
.label_e67._bottom_7b9._init_9e1, .label_e67._left_bdf._init_9e1, .label_e67._right_de0._init_9e1{z-index: 1;}
.table-results {display: table;height: auto;box-shadow: 1px 0px 10px 0px #ccc;background: #fff;min-height: 289px; width:100%}
.submit-form {font-family: Helvetica,Arial,sans-serif;background-color:var(--Green, #419E67);text-align:center;padding:10px 0 0;color: #fff;font-size: 1.4em;font-weight: bold;height: 43px;cursor: pointer;border: none;-webkit-appearance: none;text-transform: uppercase;border-radius: 70px; margin-top: 24px;}
.submit-form:hover{color:#fff;}
.collapse {display: none;}
.league-name{margin:10px 0;}
.collapse.in {display: block;}
.countryStateHeader {border-left: 2px solid #ccc;}
.card-body label, .card-body a{color:var(--Navy, #180D2D);}
.ratingSearch {padding: 5px;border-radius: 12px;background-color: var(--Green);color: #fff;text-align: center;width: 50px;top: 20px;position: absolute;right: 20px;font-size: 16px;z-index: 999;}
.ratingSearchText {margin-top: 13px;float: right;margin-right: 100px;text-align: right;font-size: 12px;color: rgba(24, 13, 45, 0.7);font-style: normal;z-index: 999;}
.imgMoto {max-height: 235px;overflow: hidden;height: 289px;}
.imgMoto img {width: 100%;max-height: 250px;height: 235px;margin: 0;position: absolute;object-fit: cover;object-position: 50% 50%;}
.descriptionSearch {height: auto;font-size: 12px;line-height: 18px;padding: 0 10px 20px 20px;min-height: inherit;}
.short-description-tours {height: 82px;overflow: hidden; font-size: 12px;}
.submit-link {font-family: Helvetica,Arial,sans-serif;background-color: var(--Green, #419E67);text-align: center;padding: 10px 0 0;color: #fff;font-size: 1.4em;font-weight: bold;height: 43px;cursor: pointer;border: none;-webkit-appearance: none;text-transform: uppercase;border-radius: 70px;}
.submit-link:hover, .submit-link:active,.submit-link:focus{color:#fff;}
#loading-ajax {position: absolute;width: 100%;height: 100%;background-color: #fff;z-index: 999;opacity: 0.8;left: -10px;top: -10px;}
#loading-ajax-message {position: absolute;width: 100px;height: 75px;background-color: #fff;z-index: 999;border: 1px solid #ccc;margin: 0 auto;left: 0;right: 0;margin: 50px auto;text-align: center;padding: 10px 0 0;border-radius: 10px;box-shadow: 1px 1px 2px #eee;}
.dropdownHide {display: none !important;}
.dropdownCombo {background-color: white;position: absolute;width: 100%;max-height: 340px;border: 1px solid #ccc;top: 45px;padding: 20px;z-index: 3;overflow-y: auto;overflow-x: hidden;}
.inputDestino {background: #fff;height: 46px;}
.twitter-typeahead {margin-bottom: -7px;width: 100%;}
.summary-vehicles{width: 80px;height: 80px;object-fit: contain;}
.itemsIcons {min-height: 125px;}
.inputDestino input {padding-left: 50px;height: 46px;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #333;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.homeTravelPage .inputDestino .tt-input {border-right: none;}
.inputDestino .tt-input {background: url(https://static.rentalmotorbike.com/images/comunes/destinationt.png) no-repeat;display: block;background-repeat: no-repeat;background-size: 20px;background-position: 16px center;}
.travel-search-button {line-height: 36px;height: 46px;}
/*DUPLICAT HOME*/.btn-arrow-left:before, .btn-arrow-left:after {content: "";position: absolute;top: 40px;width: 22px;height: 22px;background: inherit;border: inherit;border-left-color: transparent;border-bottom-color: transparent;border-radius: 0px 4px 0px 0px;-webkit-border-radius: 0px 4px 0px 0px;-moz-border-radius: 0px 4px 0px 0px;left: -11px;padding-right: 36px;transform: rotate(225deg);-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform:rotate(225deg);padding-left: 18px;padding-right: 4px;box-shadow: 2px -2px 3px #ccc;}
.payCol{height: 254px;}
.btn-medium-search{width: 100%; background-color: var(--Green, #419E67); text-transform:uppercase;color:#fff; text-align:center; font-size:16px; font-weight: bold;height:40px;line-height: 40px;border-radius: 70px;}
.btn-medium-search:hover, .btn-medium-search:active,.btn-medium-search:focus{color:#fff;}
.btn-guide{background-color:var(--Green);width: auto;color:#fff;border-radius: 70px;padding:5px 15px;text-align: center;}
.btn-self{background-color:var(--Navy);width: auto;color:#fff;border-radius: 70px;padding:5px 15px;text-align: center;}
.boxOwnBike{padding: 5px;border: 1px solid #ccc;width: 90px;height: 90px;margin-right: 8px;text-align: center;padding: 20px 0px;}
.boxMotorcycle{padding: 5px;border: 1px solid #ccc;width: 90px;height: 90px;margin-right: 5px;text-align: center;}
.buttonInfo{bottom: 0;position: absolute;right: 0;}
.nowrap{white-space: nowrap;}
.mobile-button-filters{display: flex;justify-content: center;position: fixed;z-index: 50;opacity: 1;bottom: .75rem;left: 50%;transform: translateX(-50%);transition: all .3s;user-select: none;}
.mobile-button-filters div.first {border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;border-right: 1px solid #ccc;}
.mobile-button-filters div:last-child {border-top-right-radius: 2rem;border-bottom-right-radius: 2rem;}
.mobile-button-filters div,.mobile-button-filters div a {display: flex;font-size: 12px;align-items: center;justify-content: center;flex-shrink: 0;padding: 1rem 1.5rem;background-color: #333;color: #fff;cursor: pointer;transition: all .2s;}
.btnViewMore{padding: 5px;border: 1px solid #ccc;width: 90px;height: 90px;margin-right: 8px;text-align: center;padding: 25px 0px;}
.sidefil .closebtn {display: none;}
.descriptionTour {max-height: 400px;overflow: hidden;}
.continentTitle {font-weight: bold;font-size: 15px; color:#333;}
.back-search{width:100%;height:100%;position:absolute;background:#333; color:#fff;top: 0;left: 0;z-index: 9; overflow:hidden;}
.extrainfosearch{overflow:auto; height:40%; width:100%;}
.height100percent{height:100%;}
.tt-menu,.tt-menu-open{background: rgb(255, 255, 255);padding: 20px;width: 100%;padding-top: 1px solid #333;}
.tt-dataset {margin-bottom: 20px;}
.tt-dataset:empty{margin-bottom: 0px;}
.tt-dataset h3{margin-bottom: 5px;}
.tt-suggestion{font-size: 14px;color: #333;padding: 5px 0px 5px;}
.tt-dataset p{padding-bottom: 0px !important;cursor: pointer;margin-bottom: 0px !important;}
.mt-50{margin-top: 50px;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}

@media only screen
and (max-width : 991px){
	.sidefil .closebtn {position: absolute;display: block;top: 0;right: 25px;font-size: 36px;margin-left: 50px;color: #818181;text-decoration: none;z-index: 101;}
	.sidefil {height: 100%;width: 0;position: fixed;z-index: 9999;top: 0;left: 0;background-color: #333;overflow-x: hidden;transition: 0.5s;}
	.card-body label, .card-body a{color:#ccc;}
	.card-header .continentTitle{color:var(--Navy, #180D2D);}
	.sidebarLeftLayoutRMB label{color:#ccc;}
	.sidebarLeftLayoutRMB .disabled, .sidebarLeftLayoutRMB .cdisabled{color:#555;}
}
@media only screen
and (min-width : 768px)
and (max-width : 991px){
	.sidefil {height: 100%;width: 0;position: fixed;z-index: 9999;top: 0;left: 0;background-color: #333;overflow-x: hidden;transition: 0.5s;}
}
@media (max-width: 767px){
	.imgMoto {max-height: 150px;overflow: hidden;}
	.imgMoto img {max-height: inherit;min-height:129px;height: auto;}
	.btn-flip-close{position: absolute;right: 10px;top: 10px;z-index: 999;color: #fff;}
	.payCol{padding: 10px 0 0 0;height: 210px;}
	.btn-guide{width:100%;}
	.btnAvailabeMotorcycles {border-radius: 5px;border: 1px solid #337ab7;font-size: 12px;}
	.sidefil {height: 100%;width: 0;position: fixed;z-index: 9999;top: 0;left: 0;background-color: #333;overflow-x: hidden;transition: 0.5s;}
}

/* ── Sidebar filter blocks ─────────────────────────────────────────────── */
.sidefil #filters [id$="Filter"],
.sidefil #filters [id$="filter"] {
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 12px 4px;
  margin-bottom: 12px;
}

/* ── Filter labels & checkboxes ────────────────────────────────────────── */
.sidefil .form-check-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: var(--Navy, #180D2D);
  margin-bottom: 8px;
  line-height: 1;
}

.sidefil .form-check-input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border: 2px solid var(--Navy, #180D2D);
  border-radius: 2px;
  background-color: #fff;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  position: relative;
}

.sidefil .form-check-input[type="checkbox"]:checked {
  background-color: rgba(50, 225, 160, 0.30);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23180D2D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' d='M3 8l3.5 3.5L13 4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

/* ── Bootstrap card cleanup inside filter blocks ───────────────────────── */
.sidefil #filters [id$="Filter"] .card,
.sidefil #filters [id$="filter"] .card {
  border: none;
  background: transparent;
}

.sidefil #filters [id$="Filter"] .card-header,
.sidefil #filters [id$="filter"] .card-header {
  padding: 0;
  background: transparent;
  border: none;
}

.sidefil #filters [id$="Filter"] .card-body,
.sidefil #filters [id$="filter"] .card-body {
  padding: 4px 0;
}

/* ── Accordion "selector" triggers — field-group select style ──────────── */
.sidefil #filters [id$="Filter"] .continentTitle,
.sidefil #filters [id$="Filter"] .startDateTitle {
  display: block;
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--Navy, #180D2D);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 8px 0;
  margin-bottom: 0;
  width: 100%;
}

/* ── Remove focus outline on destination accordion triggers ────────────── */
.sidefil #filters [id$="Filter"] .card-header a,
.sidefil #filters [id$="Filter"] .card-header a:focus,
.sidefil #filters [id$="Filter"] .card-header a:active,
.sidefil #filters [id$="Filter"] .card-header a:hover {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.sidefil #filters [id$="Filter"] .card-header a:focus-visible {
  outline: 2px solid rgba(65, 158, 103, 0.4);
  outline-offset: 2px;
  border-radius: 4px;
}

.sidefil #filters [id$="Filter"] .countryStateTitle {
  display: block;
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--Navy, #180D2D);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 6px 0;
  width: 100%;
}

/* ── Left sidebar white background — makes filter cards blend into one container ── */
/* Override .pt-30 global rule (padding-top: 20px !important from forms.css)
   so the inner filter cards sit flush against the top of #col-left.
   NOTE: overflow must stay visible — .dropdownCombo (the Locations/Brands/
   Category accordion that pops over the destination input) is positioned
   absolute inside this column; with overflow:hidden it would get clipped. */
#col-left,
#col-left.pt-30,
#col-left[class*="pt-30"] {
  background-color: #fff;
  margin-top: 20px;
  border-radius: 12px;
  overflow: visible;
  border: 0.75px solid rgba(24, 13, 45, 0.5);
  padding: 0 !important;
}

/* ── Combo destination label — field-group green label style ──────────── */
.label_combo,
.label_combo:hover {
  color: var(--Green, #419E67);
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

/* ── Combo destination input — field-group bottom-border style ──────────── */
.inputDestino {
  background: transparent;
  height: auto;
}

.inputDestino .form-control {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--Navy, #180D2D);
  font-family: Graphik, Helvetica, Arial, sans-serif;
  height: auto;
  padding: 8px 0 8px 50px;
}

.inputDestino .form-control:focus {
  border: none;
  border-bottom: 1px solid var(--Navy, #180D2D);
  box-shadow: none;
  outline: none;
}

/* ── Tours/Rent toggle card (matches homesearch-7.css rental card pattern) ── */
/* overflow: visible — same reason as #col-left above. The .dropdownCombo
   accordion popup is positioned absolute inside this container; with
   overflow:hidden the third card (Category) gets clipped off the bottom. */
#col-left .search-widget {
  box-sizing: border-box;
  overflow: visible;
}

/* ── Travel view: strip border + padding added by forms.css for this context ── */
#col-left .search-widget {
  border: none;
  padding: 0 !important;
}

.search-widget .active-combo,
.search-widget .bo-a-1-e7 {
  margin-bottom: 0;
}

.search-widget .searchtravelform {
  padding: 16px;
}

/* ── Page h1 heading ────────────────────────────────────────────────────── */
h1.alquiler_title_pas2 {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}

/* ── Top filter row — tours search (#travelCategoryTop) ─────────────────── */
#travelCategoryTop {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: var(--Navy, #180D2D);
  align-items: center;
}
#travelCategoryTop > .bold {
  color: var(--Navy, #180D2D);
  font-weight: 600;
  font-size: 14px;
}

#travelCategoryTop .category,
#travelCategoryTop .guide {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: transparent;
  border: none;
  color: var(--Navy, #180D2D);
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  cursor: pointer;
}
#travelCategoryTop .category:hover,
#travelCategoryTop .category:focus,
#travelCategoryTop .category:active,
#travelCategoryTop .guide:hover,
#travelCategoryTop .guide:focus {
  color: var(--Green, #419E67);
  text-decoration: none;
  background: transparent;
  outline: none;
}

#travelCategoryTop .category i,
#travelCategoryTop .guide i {
  display: inline-block !important;
}

#travelCategoryTop .category i.icon-check-empty,
#travelCategoryTop .category i.icon-check,
#travelCategoryTop .guide i.icon-check-empty,
#travelCategoryTop .guide i.icon-check {
  position: relative;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border: 2px solid var(--Navy, #180D2D);
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

#travelCategoryTop .category i.icon-check-empty::before,
#travelCategoryTop .category i.icon-check::before,
#travelCategoryTop .guide i.icon-check-empty::before,
#travelCategoryTop .guide i.icon-check::before {
  content: '';
}

#travelCategoryTop .category i.icon-check,
#travelCategoryTop .guide i.icon-check {
  background-color: rgba(50, 225, 160, 0.30);
  border-color: var(--Navy, #180D2D);
}
#travelCategoryTop .category i.icon-check::before,
#travelCategoryTop .guide i.icon-check::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23180D2D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
}

#travelCategoryTop ul.btn .caret {
  color: var(--Navy, #180D2D);
}

/* ── Tour card chrome (border matches #col-left sidebar) ────────────────── */
.motorcycleContainer.table-results {
  box-shadow: none;
  border: 0.75px solid rgba(24, 13, 45, 0.5);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

/* Remove the default browser focus ring on every link/button inside
   a tour card — tour title, hero image, motorcycle thumb, +INFO button.
   Keep :focus-visible for keyboard accessibility. */
.motorcycleContainer.table-results a,
.motorcycleContainer.table-results a:focus,
.motorcycleContainer.table-results a:active,
.motorcycleContainer.table-results button:focus,
.motorcycleContainer.table-results button:active,
.motorcycleContainer.table-results .submit-link:focus,
.motorcycleContainer.table-results .submit-link:active {
  outline: none !important;
  box-shadow: none !important;
}

.motorcycleContainer.table-results a:focus-visible,
.motorcycleContainer.table-results button:focus-visible {
  outline: 2px solid rgba(65, 158, 103, 0.4);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ── Card image border-radius + price color ─────────────────────────────── */
.motorcycleContainer .imgMoto img {
  border-radius: 8px;
  max-height: 210px;
  margin: 15px auto 0;
}

.motorcycleContainer .payCol {
  height: auto;
  min-height: 200px;
  padding: 20px;
  position: relative;
}

.motorcycleContainer .payCol .buttonInfo {
  position: static;
  bottom: auto;
  right: auto;
  margin-top: 16px;
}

.motorcycleContainer .payCol .color-rmb {
  color: #e92660;
}

/* Regular "price from" (no offer): use the brand green so it does not read as a
   discounted/offer price. The offer colour (#e92660) stays only for real offers. */
.priceRegular {
  color: var(--Green);
}

/* ── Guide / SelfDrive badge chips ──────────────────────────────────────── */
.motorcycleContainer .payCol .btn-guide,
.motorcycleContainer .payCol .btn-self {
  display: inline-block;
  width: auto !important;
  float: right;
  border-radius: 70px;
  padding: 4px 12px;
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 4px;
}

.motorcycleContainer .payCol .btn-guide {
  background-color: var(--Navy, #180D2D);
}

.motorcycleContainer .payCol .btn-self {
  background-color: var(--Green, #419E67);
}

.motorcycleContainer .payCol .btn-guide i,
.motorcycleContainer .payCol .btn-self i {
  display: none;
}

/* ── Start date top-right filter (#startDateTopFilter dropdown) ──────────── */
/* Bootstrap adds .btn focus ring + .active inset-shadow on the wrapping <ul.btn>
   when the dropdown opens — neutralize so only the inner link shows state */
.searchTravelPage ul.btn.pull-right,
.searchTravelPage ul.btn.pull-right:hover,
.searchTravelPage ul.btn.pull-right:focus,
.searchTravelPage ul.btn.pull-right:active,
.searchTravelPage ul.btn.pull-right.active,
.searchTravelPage ul.btn.pull-right.open,
.searchTravelPage ul.btn.pull-right:focus-within {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

.searchTravelPage ul.btn.pull-right > li#lang,
.searchTravelPage ul.btn.pull-right > li#lang.open,
.searchTravelPage ul.btn.pull-right > li#lang:focus,
.searchTravelPage ul.btn.pull-right > li#lang:focus-within {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}


.searchTravelPage ul.btn.pull-right > li#lang > a.dropdown-toggle.btn-link {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: var(--Navy, #180D2D);
  text-decoration: none;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.searchTravelPage ul.btn.pull-right > li#lang > a.dropdown-toggle.btn-link:hover,
.searchTravelPage ul.btn.pull-right > li#lang > a.dropdown-toggle.btn-link:focus,
.searchTravelPage ul.btn.pull-right > li#lang > a.dropdown-toggle.btn-link:active {
  color: var(--Green, #419E67);
  text-decoration: none;
  outline: none;
  box-shadow: none;
  background: transparent;
}

.searchTravelPage ul.btn.pull-right > li#lang > a.dropdown-toggle.btn-link:focus-visible {
  outline: 2px solid rgba(65, 158, 103, 0.4);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Caret chevron — same Tataki rotating caret pattern */
.searchTravelPage ul.btn.pull-right > li#lang .caret {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: none;
  border-right: 2px solid var(--Navy, #180D2D);
  border-bottom: 2px solid var(--Navy, #180D2D);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  vertical-align: 2px;
  margin-left: 4px;
}

.searchTravelPage ul.btn.pull-right > li#lang.open .caret,
.searchTravelPage ul.btn.pull-right > li#lang[aria-expanded="true"] .caret {
  transform: rotate(-135deg);
  vertical-align: -1px;
}

/* Dropdown panel */
.searchTravelPage #startDateTopFilter.dropdown-menu {
  background-color: #fff;
  border: 0.75px solid rgba(24, 13, 45, 0.5);
  border-radius: 12px;
  padding: 6px 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  min-width: 180px;
  margin-top: 4px;
}

.searchTravelPage #startDateTopFilter > li {
  padding: 0;
}

.searchTravelPage #startDateTopFilter .btn.btn-link.startDates {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  text-align: left;
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--Navy, #180D2D);
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: 0;
}

.searchTravelPage #startDateTopFilter .btn.btn-link.startDates:hover,
.searchTravelPage #startDateTopFilter .btn.btn-link.startDates:focus {
  color: var(--Green, #419E67);
  background-color: rgba(65, 158, 103, 0.06);
  outline: none;
  box-shadow: none;
  text-decoration: none;
}

/* Check icons inside dropdown — same Tataki checkbox pattern as #travelCategoryTop */
.searchTravelPage #startDateTopFilter .btn.btn-link.startDates i.icon-check-empty,
.searchTravelPage #startDateTopFilter .btn.btn-link.startDates i.icon-check {
  position: relative;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border: 2px solid var(--Navy, #180D2D);
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  display: inline-block !important;
}

.searchTravelPage #startDateTopFilter .btn.btn-link.startDates i.icon-check-empty::before,
.searchTravelPage #startDateTopFilter .btn.btn-link.startDates i.icon-check::before {
  content: '';
}

.searchTravelPage #startDateTopFilter .btn.btn-link.startDates i.icon-check {
  background-color: rgba(50, 225, 160, 0.30);
  border-color: var(--Navy, #180D2D);
}

.searchTravelPage #startDateTopFilter .btn.btn-link.startDates i.icon-check::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23180D2D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center center;
}

/* ── Featured opinions cards (.bg-reviews) ──────────────────────────────── */
.searchTravelPage .bg-reviews.bo-a-1-e7 {
  background-color: #fff;
  border: 0.75px solid rgba(24, 13, 45, 0.5) !important;
  border-radius: 12px;
  padding: 16px 20px !important;
  margin-bottom: 16px !important;
  font-family: Graphik, Helvetica, Arial, sans-serif;
}

.searchTravelPage .bg-reviews .icon-star,
.searchTravelPage .bg-reviews i[class*="icon-star"] {
  color: var(--Green, #419E67);
  font-size: 14px;
  margin-right: 1px;
}

.searchTravelPage .bg-reviews .icon-star-empty {
  color: rgba(24, 13, 45, 0.3);
}

.searchTravelPage .bg-reviews .col-md-12.nopadding > b {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--Navy, #180D2D);
  display: inline-block;
  margin-top: 6px;
}

.searchTravelPage .bg-reviews .col-md-12.text {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--Navy, #180D2D);
  margin-top: 8px;
}

.searchTravelPage .bg-reviews .flag-icon {
  vertical-align: middle;
}

/* ── "No results" alert override ────────────────────────────────────────── */
.alert.alert-success {
  background-color: rgba(65, 158, 103, 0.12);
  border: 1px solid rgba(65, 158, 103, 0.3);
  color: var(--Green, #419E67);
  border-radius: 8px;
  padding: 14px 16px;
  margin-top: 10px;
  margin-bottom: 0;
}

.alert.alert-success strong {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--Green, #419E67);
}

/* ==========================================================================
   Filter accordion — /all-tours search widget (dropdownCombo)
   Same Tataki polish that .homeTravelPage already has for the /tours/ home
   widget. The dropdown floats absolutely on top of the destination input
   when the user clicks it and shows Locations / Brands / Category cards.
   ========================================================================== */

.searchTravelPage .dropdownCombo {
  background-color: #fff;
  border: 0.75px solid rgba(24, 13, 45, 0.5);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(24, 13, 45, 0.08);
  padding: 16px 20px;
}

.searchTravelPage .dropdownCombo .card {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0;
  margin-bottom: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.searchTravelPage .dropdownCombo .card:has(.collapse.in) {
  border-bottom-color: var(--Green, #419E67);
}

.searchTravelPage .dropdownCombo .card:last-child {
  border-bottom: none;
}

.searchTravelPage .dropdownCombo hr {
  display: none;
}

.searchTravelPage .dropdownCombo .card-header {
  background: transparent;
  border: none;
  padding: 8px 0;
}

.searchTravelPage .dropdownCombo .card-header a {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

.searchTravelPage .dropdownCombo .card-header a:focus,
.searchTravelPage .dropdownCombo .card-header a:active,
.searchTravelPage .dropdownCombo .card-header a:hover {
  outline: none;
  box-shadow: none;
  text-decoration: none;
}

.searchTravelPage .dropdownCombo .card-header a:focus-visible {
  outline: 2px solid rgba(65, 158, 103, 0.4);
  outline-offset: 2px;
  border-radius: 4px;
}

.searchTravelPage .dropdownCombo .card-header h3,
.searchTravelPage .dropdownCombo h3 {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--Navy, #180D2D);
  margin: 0;
  text-transform: none;
}

.searchTravelPage .dropdownCombo .card-body,
.searchTravelPage .dropdownCombo .card-body p,
.searchTravelPage .dropdownCombo .card-body span {
  font-family: Graphik, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0;
  color: var(--Navy, #180D2D);
}

.searchTravelPage .dropdownCombo .card-body .travel-search-location,
.searchTravelPage .dropdownCombo .card-body .travel-search-motorcycle,
.searchTravelPage .dropdownCombo .dropdownComboCountry {
  cursor: pointer;
  transition: color 0.2s ease;
}

.searchTravelPage .dropdownCombo .card-body .travel-search-location:hover,
.searchTravelPage .dropdownCombo .card-body .travel-search-motorcycle:hover,
.searchTravelPage .dropdownCombo .dropdownComboCountry:hover {
  color: var(--Green, #419E67);
}

/* Caret chevron — same rotating Tataki pattern */
.searchTravelPage .dropdownCombo .bs-caret {
  display: inline-block;
  vertical-align: middle;
}

.searchTravelPage .dropdownCombo .bs-caret .caret {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: none;
  border-right: 2px solid var(--Navy, #180D2D);
  border-bottom: 2px solid var(--Navy, #180D2D);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  vertical-align: 3px;
  margin: 0;
}

.searchTravelPage .dropdownCombo a:not(.collapsed) .bs-caret .caret {
  transform: rotate(-135deg);
  vertical-align: 0;
}

/* Province sub-list inside Location accordion: light tinted bg */
.searchTravelPage .dropdownCombo .card-body.bgltgy {
  background-color: rgba(24, 13, 45, 0.03);
  border-radius: 6px;
  margin: 4px 0;
  padding: 8px 12px !important;
}