/* Project overrides (Unwind Haven) */

/* Hero animated text color */
.hero-animation-text,
.hero-animation-text .item-text {
  color: #ffc300 !important;
}

/* Widget feature2: keep "Never stop Exploring" on the photo (was below image when sibling) */
.widget-feature2 .widget-feature2-image-wrap {
  position: relative !important;
  overflow: hidden !important;
}
/* Align image top with "Why Unwind Haven" on PC */
@media only screen and (min-width: 1200px) {
  .widget-feature2 .widget-feature2-image-wrap > img.w-100.d-block {
    margin-top: 50px;
  }
}
.widget-feature2 .widget-feature2-image-wrap .exploring-on-image,
.widget-feature2 .widget-feature2-image-wrap .exploring {
  position: absolute !important;
  bottom: 14% !important;
  left: 10% !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  z-index: 3 !important;
}
@media (max-width: 1199px) {
  .widget-feature2 .widget-feature2-image-wrap .exploring-on-image,
  .widget-feature2 .widget-feature2-image-wrap .exploring {
    bottom: 12% !important;
    left: 8% !important;
  }
}

/* Space between hero slider and About Us section */
section.slider {
  margin-bottom: 60px;
}

/* Register form: select and Select2 */
.login .login-wrap .content .input-wrap select,
.login .login-wrap .content .input-wrap .select2-container {
  width: 100% !important;
}
.login .login-wrap .content .input-wrap .select2-container .select2-selection--single {
  height: 50px;
  padding: 8px 15px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}
.login .login-wrap .content .input-wrap .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  line-height: 32px;
}

/* About page: Featured Packages section – reduced bottom padding */
.top-this-week-about-us {
  padding-bottom: 18px;
}
/* About page: less top space before Featured Packages when Watch Video is not set */
.top-this-week-about-us.featured-packages-no-video {
  padding-top: 80px;
}

/* Reduce breadcrumb section padding */
.breadcumb-section {
  padding: 50px 0 48px 0;
}

/* Gallery page: reduce spacing to match gallery.html */
.gallery-page-compact.pd-main {
  padding: 50px 0 60px 0;
}
.gallery-page-compact .grid-gallery {
  margin-bottom: 24px;
}
.gallery-page-compact .grid-gallery:last-child {
  margin-bottom: 0;
}

/* Testimonials: keep controls/avatar row in static position (prevent drift on scroll) */
.widget-tes-style2 {
  overflow: hidden;
  padding-bottom: 50px !important;
}
/* Reduce space between testimonials and partners */
.brand-logo-widget {
  padding-top: 40px !important;
}
.widget-tes-style2 .widget-testimonial-style3 {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.widget-tes-style2 .widget-testimonial-style3 .testimonial-image2 {
  position: relative;
  left: auto !important;
  right: auto !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  overflow: hidden;
}
/* Static testimonial avatars - no sliding, stay in place */
.widget-tes-style2 .widget-testimonial-style3 .testimonial-image2-static .testimonial-avatars {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 22px;
}
.widget-tes-style2 .widget-testimonial-style3 .testimonial-image2-static .testimonial-avatar {
  width: auto !important;
  cursor: pointer;
  margin: 0 11px;
  border-radius: 100%;
  border: 3px solid #FFFFFF;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06);
}
.widget-tes-style2 .widget-testimonial-style3 .testimonial-image2-static .testimonial-avatar.thumb-active {
  border: 3px solid #4DA528;
}
.widget-tes-style2 .widget-testimonial-style3 .testimonial-image2-static .testimonial-avatar img {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  display: block;
}
.widget-tes-style2 .widget-testimonial-style3 .mySwiper3 {
  overflow: hidden;
}

/* Why Unwind Haven: col-xl-7 copy uses full width of that column (no huge side padding) */
@media only screen and (min-width: 1200px) {
  .widget-feature2 .content-feature2--col7 {
    padding: 2em 0.75rem 1em 1rem !important;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
}
.widget-feature2 .content-feature2--col7 {
  padding: 2em 1.5em 1em 1.5em;
}
@media only screen and (max-width: 575px) {
  .widget-feature2 .content-feature2--col7 {
    padding: 1em 0.75em 0 0.75em;
  }
}

/* Why Unwind Haven: mobile responsive */
@media only screen and (max-width: 1199px) {
  .widget-feature2 .content-feature2 {
    padding: 1.5em 1em 0 1em;
  }
  .widget-feature2 .content-feature2 .mb-60 {
    margin-bottom: 28px;
  }
  .widget-feature2 .content-feature2 .title-heading {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .widget-feature2 .content-feature2 .sub-title-heading {
    font-size: 1.25rem;
  }
  .widget-feature2 .content-feature2 .cheackmark {
    margin-bottom: 24px;
  }
  .widget-feature2 .content-feature2 .cheackmark .icon {
    width: 50px;
    min-width: 50px;
  }
  .widget-feature2 .content-feature2 .cheackmark .content {
    margin-left: 12px;
  }
  .widget-feature2 .content-feature2 .cheackmark h5 {
    font-size: 1rem;
  }
  .widget-feature2 .content-feature2 .cheackmark .des {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 575px) {
  .widget-feature2 .content-feature2 {
    padding: 1em 0.75em 0 0.75em;
  }
  .widget-feature2 .content-feature2 .mb-60 {
    margin-bottom: 20px;
  }
  .widget-feature2 .content-feature2 .title-heading {
    font-size: 1.35rem;
  }
  .widget-feature2 .content-feature2 .cheackmark {
    margin-bottom: 20px;
  }
}

/* Why Unwind Haven: mobile responsive */
@media only screen and (max-width: 1199px) {
  .widget-feature2 .content-feature2 {
    padding: 2em 1.5em 1em 1.5em;
  }
  .widget-feature2 .content-feature2 .mb-60 {
    margin-bottom: 32px;
  }
  .widget-feature2 .content-feature2 .cheackmark.mb-70,
  .widget-feature2 .content-feature2 .cheackmark {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .widget-feature2 .content-feature2 {
    padding: 1.5em 1em 0.75em 1em;
  }
  .widget-feature2 .content-feature2 .mb-60 {
    margin-bottom: 24px;
  }
  .widget-feature2 .content-feature2 .title-heading {
    font-size: 1.5rem;
  }
  .widget-feature2 .content-feature2 .cheackmark {
    margin-bottom: 20px;
  }
  .widget-feature2 .content-feature2 .cheackmark .icon {
    width: 50px;
    min-width: 50px;
  }
  .widget-feature2 .content-feature2 .cheackmark .content {
    margin-left: 12px;
  }
}

/* Home page package slider: reduced padding, larger price */
.tour-package2 .tour-package-slide-card .tour-listing-content {
  padding: 10px 24px 14px 20px;
}
.tour-package2 .tour-package-slide-card .tour-listing-content .icon-box {
  padding-top: 12px;
  padding-bottom: 14px;
  margin-bottom: 10px;
}
.tour-package2 .tour-package-slide-card .tour-listing-content .flex-two.mt-15 {
  margin-top: 10px !important;
}
.tour-package2 .tour-package-slide-card .tour-listing-content .btn-main {
  padding: 12px 24px;
}
.tour-package2 .tour-package-slide-card .tour-listing-content .price-box p .price-sale {
  font-size: 22px;
  font-weight: 700;
}

/* TikTok icon SVG - match size of other social icons */
.icon-tiktok-svg {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
}
.icon-tiktok-svg svg {
  width: 1em;
  height: 1em;
}
/* Top bar: ensure TikTok shows on mobile (theme only styles li a i, not SVG span) */
.header-top .follow-social ul li a .icon-tiktok-svg {
  display: inline-flex !important;
  color: inherit;
  font-size: 12px;
}
.header-top .follow-social ul li a .icon-tiktok-svg svg {
  width: 1em !important;
  height: 1em !important;
  min-width: 12px;
  min-height: 12px;
  fill: currentColor;
}
@media (max-width: 1199px) {
  .header-top .follow-social ul li a .icon-tiktok-svg {
    font-size: 14px;
  }
  .header-top .follow-social ul li a .icon-tiktok-svg svg {
    min-width: 14px;
    min-height: 14px;
  }
}

/* Logout button matches header menu items */
.header-account .register ul li button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #081E2A;
  font-size: 16px;
  font-weight: 500;
  transition: color 0.3s ease;
}
.header-account .register ul li button:hover {
  color: #4DA528;
}