/*
Theme Name:     Traveler Childtheme
Description:    Traveler Child Theme
Theme URI:      https://travelerwp.com/
Author:         the ShineTheme
Author URI:     http://shinetheme.com
Version:        1.0
Template:       traveler
*/

/* =========================
   Traveler Dashboard – My Points page styling
   Make it consistent with Booking History / Account Setting
   ========================= */

/* Make sure our section uses same font as dashboard */
.st_content .tpr-wrapper,
.st_content .tpr-wrapper *{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Main title similar size/spacing */
.st_content .tpr-main-title{
  font-size: 34px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 25px;
}

/* Match dashboard “white card” look */
.st_content .tpr-summary-box,
.st_content .tpr-card,
.st_content .tpr-alert,
.st_content .tpr-redeem-card{
  background: #fff !important;
  border: 1px solid #e5e8ef !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* Match dashboard padding/spacing */
.st_content .tpr-summary-box{
  padding: 25px !important;
}
.st_content .tpr-card{
  padding: 18px !important;
}

/* Tabs style like dashboard */
.st_content .tpr-tabs{
  background: transparent !important;
  padding: 0 !important;
  border-bottom: 1px solid #e5e8ef;
  border-radius: 0 !important;
  gap: 20px !important;
}
.st_content .tpr-tab{
  padding: 12px 0 !important;
  border-radius: 0 !important;
  font-weight: 600;
  color: #1a2b48;
}
.st_content .tpr-tab-active{
  background: transparent !important;
  color: #0b7e8a !important;
  position: relative;
}
.st_content .tpr-tab-active:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  height:2px;
  width:100%;
  background:#0b7e8a;
}

/* Buttons match theme color */
.st_content .tpr-redeem-btn{
  background: #0b7e8a !important;
  border-color: #0b7e8a !important;
  border-radius: 4px !important;
  padding: 10px 18px !important;
  font-weight: 600;
}
.st_content .tpr-redeem-btn:hover{
  background: #086b74 !important;
  border-color: #086b74 !important;
}

/* Remove "floating" hover lift so it feels consistent */
.st_content .tpr-card:hover{
  transform: none !important;
  box-shadow: none !important;
  border-color: #e5e8ef !important;
}

/* Clean the progress bar to look like dashboard */
.st_content .tpr-progress-track{
  background: #eef2f7 !important;
}
.st_content .tpr-progress-fill{
  background: #0b7e8a !important;
}
/*end*/
/* Ensure modal appears above mobile menu */
#st-login-form,
#st-register-form {
    z-index: 999999 !important;
}
.modal-backdrop {
    z-index: 999998 !important;
}
/* Prevent FOUC on destination slider */
.st-list-destination .swiper-slide {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.st-list-destination .thumbnail {
    overflow: hidden;
    position: relative;
}

.st-list-destination .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Hide until Swiper ready */
.st-list-destination:not(.swiper-initialized) .swiper-slide {
    visibility: hidden;
}

.st-list-destination.swiper-initialized .swiper-slide {
    visibility: visible;
}
/* Included / Excluded split labels */
.nhy-ie-label {
    font-size: 16px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 6px;
    margin-bottom: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.nhy-ie-label--included {
    background: #e6f9f0;
    color: #1a8a4a;
    border-left: 4px solid #1a8a4a;
}

.nhy-ie-label--excluded {
    background: #fde8e8;
    color: #cc0000;
    border-left: 4px solid #cc0000;
}

.nhy-ie-label .nhy-ie-icon {
    font-size: 14px;
    font-weight: 900;
}

.nhy-ie-label .cn-title {
    font-size: 13px;
    font-weight: 400;
    opacity: 0.75;
}

/* Group header — bold, no icon */
.nhy-ie-header {
    font-weight: 600;
    font-size: 14px;
    color: #222;
    padding: 10px 0 4px;
    border-bottom: none !important;
}

/* Check item — indented under header */
.nhy-ie-check-item {
    padding-left: 8px;
}

.nhy-ie-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 0.5px solid #eee;
    font-size: 14px;
    line-height: 1.5;
    list-style: none;
}
.nhy-ie-item:last-child { border-bottom: none; }

.nhy-ie-check { color: #1a8a4a; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.nhy-ie-cross { color: #cc0000; font-weight: 700; flex-shrink: 0; margin-top: 1px; }