/* Header Actions Wrapper */
.header-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Authentication Buttons Container */
.auth-buttons {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Base Button Style */
.header-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Login Button */
.header-btn-login {
    color: #4A5565;
    background: transparent;
}

/* Signup Button */
.header-btn-signup {
    padding: 8px 24px;
    background:var(--primary-color);
    color: #FFFFFF;
    border-radius: 999px; /* pill shape */
}

/* Language Switch Button */
.header-lang-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 15px;
    height: 40px;
    background: transparent;
    cursor: pointer;
    font-family: Arial, sans-serif;
}

/* Language Text */
.header-lang-text {
    font-size: 16px;
    color: #45556C;
}

/* Optional Hover Effects */
.btn-login:hover {
    background: #F2F2F2;
}

.btn-signup:hover {
    opacity: 0.9;
}

.lang-switch:hover {
    background: #F8F9FA;
}


/* checkin & checkout */


/* Search Container */
.search-wrapper {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* Single Booking Input */


/* Flatpickr Custom Styling */
.flatpickr-calendar {
    border-radius: 20px;
    box-shadow: 0 25px 50px rgba(0,0,0,0.12);
}

.flatpickr-months {
    padding: 10px 0;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.flatpickr-day.inRange {
    background: #d1fae5;
    border-color: #d1fae5;
    color: #065f46;
}

/* Make two months look spaced */
.flatpickr-calendar.multiMonth .flatpickr-month {
    margin: 0 10px;
}


/* location input search */
.ts-control {
    /* border-radius: 14px !important; */
    border: none !important;
    font-size: 15px;
}


.ts-dropdown {
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
    margin-top: 8px;
}

.ts-dropdown .option {
    padding: 12px 16px;
    font-size: 14px;
}

.ts-dropdown .active {
    background: #f3f4f6 !important;
}

.location-type {
    font-size: 12px;
}


.breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
  }

  .breadcrumb a {
    transition: 0.3s;
    font-size: 14px;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: rgb(102, 102, 102);
    cursor: pointer;
    white-space: nowrap;
  }

  .breadcrumb .separator {
    color: rgb(102, 102, 102);
  }

  .breadcrumb .current {
    color: rgb(102, 102, 102);
  }

  .flat-section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.single-property-overview .info-box .item{
    width: 20% !important;
}
.amenity-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 10px 20px; /* row gap , column gap */
    
    padding: 0;
    margin: 0;
    margin-left: 12px;
}

.amenity-list .feature-item {
    font-size: 14px;
    color: #333;
    list-style: disc;
}

/* start blockui */
.blockUI.blockOverlay{
    z-index: 99999998!important;
}
.blockUI.blockMsg.blockElement{
    z-index: 99999999!important;
}
.blockUI.blockMsg.blockPage{
    z-index: 99999999!important;
}
.blockUI.blockOverlay,.blockUI.blockMsg{
    cursor: auto!important;
}
/* .blockUI.blockMsg{
    top: 15%!important;
    left: 35%!important;
} */
/* end blockui */

/* start whatsapp floating icon */
.whatsapp-footer-chat {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}

.whatsapp-chat-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    color: #222222;
    text-decoration: none;
    border-radius: 999px;
    padding: 10px 16px 10px 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-chat-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.whatsapp-chat-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #25D366;
}

.whatsapp-chat-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.whatsapp-chat-text strong {
    font-size: 14px;
    font-weight: 700;
    color: #111111;
}

.whatsapp-chat-text small {
    font-size: 12px;
    color: #666666;
    margin-top: 2px;
}

@media (max-width: 767px) {
    .whatsapp-footer-chat {
        right: 14px;
        bottom: 14px;
    }

    .whatsapp-chat-btn {
        padding: 10px;
        border-radius: 50%;
    }

    .whatsapp-chat-text {
        display: none;
    }

    .whatsapp-chat-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }
}

/* end whatsapp floating icon */

.btn-get-app {
    display: inline-block;
    padding: 8px 16px;
    background:var(--primary-color);
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.2s;
}

.btn-get-app:hover {
    background:var(--primary-color);
}

@media (min-width: 992px) {
    #getAppBtn {
        display: none !important; /* hide on desktop */
    }
}
@media (max-width: 992px) {
    .header-btn-login {
        display: none !important; /* hide on mobile */
    }
}
@media only screen and (min-width: 992px) {
   
    .main-header .inner-header-left {
      gap: 10px;
    }
    
  }

  /* =========================
   START: modern pagination
   ========================= */

/* container */
.pagination {
    gap: 8px;
}

/* items */
.pagination .page-item {
    display: flex;
}

/* links */
.pagination .page-link {
    border: 1px solid var(--pagination-border);
    background: var(--pagination-bg);
    color: var(--pagination-text);
    padding: 8px 14px;
    border-radius: 10px;
    font-weight: 500;
    min-width: 40px;
    text-align: center;
    transition: all 0.25s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* hover */
.pagination .page-link:hover {
    background: var(--pagination-color);
    color: #fff;
    border-color: var(--pagination-color);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(38, 180, 187, 0.25);
}

/* active */
.pagination .page-item.active .page-link {
    background: var(--pagination-color);
    color: #fff;
    border-color: var(--pagination-color);
    box-shadow: 0 6px 16px rgba(38, 180, 187, 0.35);
}

/* previous / next arrows */
.pagination .page-link[rel="prev"],
.pagination .page-link[rel="next"] {
    font-size: 18px;
    font-weight: 600;
}

/* disabled (if exists) */
.pagination .page-item.disabled .page-link {
    opacity: 0.4;
    cursor: not-allowed;
    background: #f3f4f6;
}

/* mobile */
@media (max-width: 576px) {
    .pagination {
        gap: 6px;
    }

    .pagination .page-link {
        padding: 6px 10px;
        min-width: 34px;
        font-size: 14px;
    }
}

/* =======================
   END: modern pagination
   ======================= */

   .rentz-cp-booking__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* =========================
   START: empty state
   ========================= */

   .rentz-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 50px 20px;
    /* border-radius: 16px; */
    background: #ffffff;
    /* border: 1px solid #e5e7eb; */
    /* box-shadow: 0 10px 30px rgba(0,0,0,0.04); */
    max-width: 500px;
    margin: 0 auto;
}

/* icon */
.rentz-empty__icon {
    font-size: 48px;
    margin-bottom: 16px;
}

/* title */
.rentz-empty__title {
    font-size: 22px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 10px;
}

/* description */
.rentz-empty__desc {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 20px;
    max-width: 360px;
}

/* button */
.rentz-empty__btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 999px;
    background: #26b4bb;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s ease;
}

.rentz-empty__btn:hover {
    background: #1fa3a9;
    transform: translateY(-1px);
}

/* variations */
.rentz-empty--booking .rentz-empty__icon {
    color: #26b4bb;
}

.rentz-empty--wishlist .rentz-empty__icon {
    color: #ff4d4f;
}

/* responsive */
@media (max-width: 576px) {
    .rentz-empty {
        padding: 40px 16px;
    }

    .rentz-empty__title {
        font-size: 18px;
    }

    .rentz-empty__desc {
        font-size: 14px;
    }
}

/* =======================
   END: empty state
   ======================= */

   /* ===== Start Booking Detail Page ===== */

.rentz-booking-detail-page {
    --rentz-bd-teal: #26a69a;
    --rentz-bd-teal-dark: #1f8f84;
    --rentz-bd-success-bg: #e8f5e9;
    --rentz-bd-success-text: #2e7d32;
    --rentz-bd-danger-bg: #ffebee;
    --rentz-bd-danger-text: #c62828;
    --rentz-bd-label: #757575;
    --rentz-bd-text: #212121;
    --rentz-bd-muted: #6b6b6b;
    --rentz-bd-bg: #f8f9fa;
    --rentz-bd-card-bg: #ffffff;
    --rentz-bd-border: rgba(33, 33, 33, 0.1);
    --rentz-bd-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
    --rentz-bd-radius: 14px;
    --rentz-bd-checkin-bg: #e3f2fd;
    --rentz-bd-checkin-icon: #1565c0;
    --rentz-bd-checkout-bg: #fff3e0;
    --rentz-bd-checkout-icon: #ef6c00;
    --rentz-bd-guest-box: #eceff1;
    background: var(--rentz-bd-bg);
    color: var(--rentz-bd-text);
  }
  
  .rentz-bd {
    padding-block: 1.25rem 2.5rem;
    padding-inline: 0;
    max-width: 100%;
    overflow-x: clip;
  }
  
  .rentz-bd__container {
    max-width: 1140px;
  }
  
  .rentz-bd-back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-block-end: 1.25rem;
    color: var(--rentz-bd-muted);
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
  }
  
  .rentz-bd-back:hover {
    color: var(--rentz-bd-text);
  }
  
  [dir="rtl"] .rentz-bd-back {
    flex-direction: row-reverse;
  }
  
  .rentz-bd__layout {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  
  .rentz-bd__main {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
  }
  
  .rentz-bd__aside {
    min-width: 0;
  }
  
  .rentz-bd-card {
    background: var(--rentz-bd-card-bg);
    border-radius: var(--rentz-bd-radius);
    box-shadow: var(--rentz-bd-shadow);
    padding: 1.25rem 1.15rem;
  }
  
  .rentz-bd-card__title {
    margin: 0 0 1rem;
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--rentz-bd-text);
    text-align: start;
  }
  
  .rentz-bd-label {
    display: block;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--rentz-bd-label);
    margin: 0;
    text-align: start;
  }
  
  .rentz-bd-divider {
    margin: 1rem 0;
    border: 0;
    border-block-start: 1px solid var(--rentz-bd-border);
    opacity: 1;
  }
  
  /* Header summary card */
  .rentz-bd-header-card__head {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  
  .rentz-bd-header-card__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 0.75rem;
  }
  
  .rentz-bd-header-card__title {
    margin: 0;
    font-size: clamp(1.35rem, 3.5vw, 1.6rem);
    font-weight: 800;
    color: var(--rentz-bd-text);
    text-align: start;
  }
  
  .rentz-bd-status {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    background: var(--rentz-bd-success-bg);
    color: var(--rentz-bd-success-text);
  }
  
  .rentz-bd-status .bi {
    font-size: 0.95rem;
  }
  
  .rentz-bd-header-card__meta {
    margin: 0.2rem 0 0;
    font-size: 0.9rem;
    color: var(--rentz-bd-muted);
    text-align: start;
  }
  
  .rentz-bd-header-card__intro {
    flex: 1;
    min-width: 0;
  }
  
  .rentz-bd-header-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-start;
  }
  
  .rentz-bd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.55rem 1rem;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    text-align: center;
  }
  
  .rentz-bd-btn--outline {
    background: #fff;
    color: var(--rentz-bd-muted);
    border: 1px solid rgba(0, 0, 0, 0.14);
  }
  
  .rentz-bd-btn--outline:hover {
    background: #fafafa;
    color: var(--rentz-bd-text);
  }
  
  .rentz-bd-btn--primary {
    background: var(--rentz-bd-teal);
    color: #fff;
  }
  
  .rentz-bd-btn--primary:hover {
    background: var(--rentz-bd-teal-dark);
    color: #fff;
  }
  
  .rentz-bd-btn--danger {
    width: 100%;
    margin-block-start: 1rem;
    background: var(--rentz-bd-danger-bg);
    color: var(--rentz-bd-danger-text);
    font-weight: 700;
  }
  
  .rentz-bd-btn--danger:hover {
    filter: brightness(0.97);
  }
  
  /* Property */
  .rentz-bd-property__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  
  @media (min-width: 480px) {
    .rentz-bd-property__body {
      flex-direction: row;
      align-items: flex-start;
    }
  }
  
  .rentz-bd-property__media {
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    max-width: 100%;
  }
  
  @media (min-width: 480px) {
    .rentz-bd-property__media {
      width: 168px;
    }
  }
  
  .rentz-bd-property__img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  
  .rentz-bd-property__content {
    flex: 1;
    min-width: 0;
  }
  
  .rentz-bd-property__name {
    margin: 0 0 0.4rem;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--rentz-bd-text);
    text-align: start;
    line-height: 1.35;
  }
  
  .rentz-bd-property__location {
    margin: 0 0 0.75rem;
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    font-size: 0.9rem;
    color: var(--rentz-bd-muted);
    text-align: start;
  }
  
  .rentz-bd-property__location .bi {
    color: var(--rentz-bd-teal);
    margin-block-start: 0.1rem;
    flex-shrink: 0;
  }
  
  .rentz-bd-property__amenities {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
  }
  
  .rentz-bd-property__amenities li {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.875rem;
    color: var(--rentz-bd-text);
  }
  
  .rentz-bd-property__amenities .bi {
    color: var(--rentz-bd-muted);
    font-size: 1rem;
  }
  
  .rentz-bd-property__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-block-start: 1rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--rentz-bd-teal);
    text-decoration: none;
  }
  
  .rentz-bd-property__link:hover {
    text-decoration: underline;
  }
  
  [dir="rtl"] .rentz-bd-property__link .bi-arrow-right {
    transform: scaleX(-1);
  }
  
  /* Stay */
  .rentz-bd-stay__dates {
    display: grid;
    gap: 1rem;
  }
  
  @media (min-width: 768px) {
    .rentz-bd-stay__dates {
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem;
    }
  }
  
  .rentz-bd-stay__date-block,
  .rentz-bd-stay__row {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
  }
  
  .rentz-bd-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.15rem;
  }
  
  .rentz-bd-icon-box--checkin {
    background: var(--rentz-bd-checkin-bg);
    color: var(--rentz-bd-checkin-icon);
  }
  
  .rentz-bd-icon-box--checkout {
    background: var(--rentz-bd-checkout-bg);
    color: var(--rentz-bd-checkout-icon);
  }
  
  .rentz-bd-icon-box--guests {
    background: var(--rentz-bd-guest-box);
    color: #546e7a;
  }
  
  .rentz-bd-stay__date-text,
  .rentz-bd-stay__guest-text {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    text-align: start;
  }
  
  .rentz-bd-stay__date-value,
  .rentz-bd-stay__guest-value {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--rentz-bd-text);
  }
  
  .rentz-bd-stay__date-note {
    font-size: 0.85rem;
    color: var(--rentz-bd-muted);
  }
  
  .rentz-bd-stay__nights {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  
  .rentz-bd-stay__nights-value {
    font-size: 1.85rem;
    font-weight: 800;
    line-height: 1;
    color: var(--rentz-bd-teal);
  }
  
  /* Guest */
  .rentz-bd-guest__list {
    margin: 0;
  }
  
  .rentz-bd-guest__row {
    margin-block-end: 1rem;
  }
  
  .rentz-bd-guest__row:last-child {
    margin-block-end: 0;
  }
  
  .rentz-bd-guest__value {
    margin: 0.35rem 0 0;
    font-size: 0.98rem;
    color: var(--rentz-bd-text);
    text-align: start;
    overflow-wrap: anywhere;
  }
  
  .rentz-bd-guest__value--icon {
    display: flex;
    align-items: center;
    gap: 0.45rem;
  }
  
  .rentz-bd-guest__value--icon .bi {
    color: #9e9e9e;
    flex-shrink: 0;
  }
  
  /* Price aside */
  .rentz-bd-price__lines {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
  }
  
  .rentz-bd-price__line {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.9375rem;
    color: var(--rentz-bd-text);
    text-align: start;
  }
  
  .rentz-bd-price__amount {
    font-weight: 600;
    text-align: end;
    white-space: nowrap;
  }
  
  .rentz-bd-price__total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--rentz-bd-text);
  }
  
  .rentz-bd-price__total-value {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--rentz-bd-teal);
    text-align: end;
  }
  
  .rentz-bd-price__payment {
    margin-block-start: 1rem;
    padding-block-start: 0.25rem;
  }
  
  .rentz-bd-price__payment-label {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8125rem;
    color: var(--rentz-bd-label);
    margin-block-end: 0.25rem;
  }
  
  .rentz-bd-price__payment-label .bi {
    font-size: 1.05rem;
  }
  
  .rentz-bd-price__payment-status {
    margin: 0;
    font-size: 0.9rem;
    color: var(--rentz-bd-muted);
    text-align: start;
  }
  
  /* Toast */
  .rentz-bd-toast {
    position: fixed;
    inset-inline-end: 1rem;
    inset-block-end: 1rem;
    z-index: 3050;
    max-width: min(90vw, 340px);
    background: #1a1a1a;
    color: #fff;
    border-radius: 10px;
    padding: 0.65rem 0.9rem;
    font-size: 0.875rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    text-align: start;
  }
  
  .rentz-bd-toast[hidden] {
    display: none !important;
  }
  
  @media (max-width: 399px) {
    .rentz-bd-header-card__actions {
      flex-direction: column;
      align-items: stretch;
    }
  
    .rentz-bd-header-card__actions .rentz-bd-btn {
      width: 100%;
    }
  }
  
  /* Tablet + desktop layout */
  @media (min-width: 768px) {
    .rentz-bd {
      padding-block: 1.5rem 3rem;
    }
  
    .rentz-bd-card {
      padding: 1.35rem 1.35rem;
    }
  
    .rentz-bd__layout {
      display: grid;
      grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
      gap: 1.5rem;
      align-items: start;
    }
  
    .rentz-bd-header-card__head {
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
    }
  
    .rentz-bd-header-card__actions {
      justify-content: flex-end;
      flex-shrink: 0;
    }
  }
  
  @media (min-width: 1024px) {
    .rentz-bd__layout {
      gap: 2rem;
    }
  
    .rentz-bd-card {
      padding: 1.5rem 1.6rem;
    }
  }
  
  @media (min-width: 1280px) {
    .rentz-bd__container {
      max-width: 1200px;
    }
  }
  
  /* RTL: geo and arrows */
  [dir="rtl"] .rentz-bd-property__location .bi-geo-alt-fill {
    transform: scaleX(-1);
  }
  
  /* ===== End Booking Detail Page ===== */
 
  .featured-unit-card-image-wrap {
    aspect-ratio: unset;
}