@import url('/css/brand.css');

.color-1 { color: var(--hpk-snow); }
.color-2 { color: var(--hpk-mist); }
.color-3 { color: var(--hpk-teal); }
.color-4 { color: var(--hpk-ink); }

.bg-color-3 {
  background: linear-gradient(135deg, var(--hpk-deep), var(--hpk-teal)) !important;
}

.bg-color-2 {
  background: #fff !important;
  border: 1px solid var(--hpk-line);
  box-shadow: var(--hpk-shadow);
}

#search-banner-trip,
[id^="search-banner-trip"] {
  border-radius: 20px !important;
}

.select-search {
  background: #fff !important;
  border: none !important;
}

.border-item i {
  color: var(--hpk-coral);
}

#btn-search,
.d-flex .btn-info,
button.btn-info {
  background: linear-gradient(135deg, var(--hpk-coral), var(--hpk-coral-deep)) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 14px !important;
  font-weight: 700;
}

.d-flex .btn-info:hover,
button:hover,
#btn-search:hover {
  background: linear-gradient(135deg, var(--hpk-coral-deep), #c42d14) !important;
  border-color: transparent;
  filter: brightness(1.05);
}

.card,
.list-group-item {
  border-radius: 16px;
  overflow: hidden;
}

.trip-card__media {
  display: block;
  height: 100%;
  min-height: 180px;
  overflow: hidden;
  border-radius: 12px;
  background: #e8eef2;
}

.trip-card__img {
  width: 100%;
  height: 100%;
  min-height: 180px;
  max-height: 220px;
  object-fit: cover;
  display: block;
}

@media (max-width: 767.98px) {
  .trip-card__media,
  .trip-card__img {
    min-height: 160px;
    max-height: 180px;
  }
}

a.text-3,
.text-3 {
  color: var(--hpk-deep) !important;
}