/* ==========================================================================
   HEIMISH TRAVEL — Account Pages: Shared Base
   Load on ALL account pages.
   ========================================================================== */

/* --- BODY CLASS LIST --- */
/* .hp-template--vendor-dashboard-page     */
/* .hp-template--listings-edit-page        */
/* .hp-template--listings-favorite-page    */
/* .hp-template--bookings-view-page        */
/* .hp-template--messages-thread-page      */
/* .hp-template--memberships-view-page     */
/* .hp-template--user-edit-settings-page   */
/* .hp-template--messages-view-page        */
/* .hp-template--orders-edit-page          */
/* .hp-template--order-edit-page           */
/* .hp-template--booking-make-details-page */
/* .hp-template--booking-pay-complete-page */
/* .hp-template--booking-make-complete-page */
/* .hp-template--vendor-view-page */
/* .hp-template--user-view-page */
/* .hp-template--vendor-view-page              */
/* .hp-template--user-view-page              */
/* .hp-template--user-view-page                */
/* .hp-template--booking-make-complete-page */
/* .hp-template--vendor-view-page */
/* .hp-template--user-view-page */
/* .hp-template--vendor-view-page              */
/* .hp-template--user-view-page              */
/* .hp-template--user-view-page                */


/* ==========================================================================
   SHARED LAYOUT
   ========================================================================== */

.hp-template--vendor-dashboard-page .hp-page.site-main,
.hp-template--listings-edit-page .hp-page.site-main,
.hp-template--listings-favorite-page .hp-page.site-main,
.hp-template--bookings-view-page .hp-page.site-main,
.hp-template--messages-thread-page .hp-page.site-main,
.hp-template--memberships-view-page .hp-page.site-main,
.hp-template--user-edit-settings-page .hp-page.site-main,
.hp-template--messages-view-page .hp-page.site-main,
.hp-template--orders-edit-page .hp-page.site-main,
.hp-template--order-edit-page .hp-page.site-main,
.hp-template--booking-make-details-page .hp-page.site-main,
.hp-template--booking-pay-complete-page .hp-page.site-main,
.hp-template--booking-make-complete-page .hp-page.site-main,
.hp-template--vendor-view-page .hp-page.site-main,
.hp-template--user-view-page .hp-page.site-main {
  max-width: var(--content-width) !important;
  margin-inline: auto !important;
  padding-top: var(--space-s) !important;
  padding-bottom: var(--section-space-m) !important;
}

.hp-template--vendor-dashboard-page .hp-page.site-main > .hp-row,
.hp-template--listings-edit-page .hp-page.site-main > .hp-row,
.hp-template--listings-favorite-page .hp-page.site-main > .hp-row,
.hp-template--bookings-view-page .hp-page.site-main > .hp-row,
.hp-template--messages-thread-page .hp-page.site-main > .hp-row,
.hp-template--memberships-view-page .hp-page.site-main > .hp-row,
.hp-template--user-edit-settings-page .hp-page.site-main > .hp-row,
.hp-template--messages-view-page .hp-page.site-main > .hp-row,
.hp-template--orders-edit-page .hp-page.site-main > .hp-row,
.hp-template--order-edit-page .hp-page.site-main > .hp-row,
.hp-template--booking-make-details-page .hp-page.site-main > .hp-row,
.hp-template--booking-pay-complete-page .hp-page.site-main > .hp-row,
.hp-template--booking-make-complete-page .hp-page.site-main > .hp-row,
.hp-template--vendor-view-page .hp-page.site-main > .hp-row,
.hp-template--user-view-page .hp-page.site-main > .hp-row {
  display: grid !important;
  gap: var(--space-l) !important;
  grid-template-columns: var(--grid-1-3) !important;
}

.hp-template--vendor-dashboard-page .hp-page.site-main > .hp-row > *,
.hp-template--listings-edit-page .hp-page.site-main > .hp-row > *,
.hp-template--listings-favorite-page .hp-page.site-main > .hp-row > *,
.hp-template--bookings-view-page .hp-page.site-main > .hp-row > *,
.hp-template--messages-thread-page .hp-page.site-main > .hp-row > *,
.hp-template--memberships-view-page .hp-page.site-main > .hp-row > *,
.hp-template--user-edit-settings-page .hp-page.site-main > .hp-row > *,
.hp-template--messages-view-page .hp-page.site-main > .hp-row > *,
.hp-template--orders-edit-page .hp-page.site-main > .hp-row > *,
.hp-template--order-edit-page .hp-page.site-main > .hp-row > *,
.hp-template--booking-make-details-page .hp-page.site-main > .hp-row > *,
.hp-template--booking-pay-complete-page .hp-page.site-main > .hp-row > *,
.hp-template--booking-make-complete-page .hp-page.site-main > .hp-row > *,
.hp-template--vendor-view-page .hp-page.site-main > .hp-row > *,
.hp-template--user-view-page .hp-page.site-main > .hp-row > * {
  max-width: 100% !important;
  width: 100% !important;
}

.hp-template--vendor-dashboard-page .content-area,
.hp-template--listings-edit-page .content-area,
.hp-template--listings-favorite-page .content-area,
.hp-template--bookings-view-page .content-area,
.hp-template--messages-thread-page .content-area,
.hp-template--memberships-view-page .content-area,
.hp-template--user-edit-settings-page .content-area,
.hp-template--messages-view-page .content-area,
.hp-template--orders-edit-page .content-area,
.hp-template--order-edit-page .content-area,
.hp-template--booking-make-details-page .content-area,
.hp-template--booking-pay-complete-page .content-area,
.hp-template--booking-make-complete-page .content-area,
.hp-template--vendor-view-page .content-area,
.hp-template--user-view-page .content-area {
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}


/* ==========================================================================
   SIDEBAR
   ========================================================================== */

.hp-template--vendor-dashboard-page .hp-page__sidebar,
.hp-template--listings-edit-page .hp-page__sidebar,
.hp-template--listings-favorite-page .hp-page__sidebar,
.hp-template--bookings-view-page .hp-page__sidebar,
.hp-template--messages-thread-page .hp-page__sidebar,
.hp-template--memberships-view-page .hp-page__sidebar,
.hp-template--user-edit-settings-page .hp-page__sidebar,
.hp-template--orders-edit-page .hp-page__sidebar,
.hp-template--order-edit-page .hp-page__sidebar,
.hp-template--booking-make-details-page .hp-page__sidebar,
.hp-template--booking-pay-complete-page .hp-page__sidebar,
.hp-template--booking-make-complete-page .hp-page__sidebar,
.hp-template--vendor-view-page .hp-page__sidebar,
.hp-template--user-view-page .hp-page__sidebar {
  position: sticky !important;
  top: 5rem !important;
}

/* Balance card */
.hp-vendor__balance {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: var(--primary-light) !important;
  border-radius: var(--radius) !important;
  padding: var(--space-xs) var(--space-s) !important;
  margin-bottom: var(--space-s) !important;
}

.hp-vendor__balance strong { font-size: var(--text-s) !important; font-weight: 600 !important; color: var(--primary) !important; }
.hp-vendor__balance span { font-size: var(--text-m) !important; font-weight: 700 !important; color: var(--primary) !important; }
.hp-vendor__actions--secondary { margin-bottom: var(--space-s) !important; }


/* ==========================================================================
   SIDEBAR NAVIGATION
   ========================================================================== */

.hp-menu--user-account ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.hp-menu--user-account .hp-menu__item a {
  display: block !important;
  padding: var(--space-xs) var(--space-s) !important;
  font-size: var(--text-s) !important;
  font-weight: 500 !important;
  color: var(--neutral) !important;
  text-decoration: none !important;
  border-radius: var(--radius) !important;
  transition: all 0.15s ease !important;
}

.hp-menu--user-account .hp-menu__item a:hover {
  color: var(--primary) !important;
  background: var(--primary-light) !important;
}

.hp-menu--user-account .hp-menu__item--current a {
  color: var(--primary) !important;
  background: var(--primary-light) !important;
  font-weight: 600 !important;
}

.hp-menu--user-account .hp-menu__item--user-logout a {
  color: var(--neutral) !important;
  margin-top: var(--space-xs) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 0 !important;
  padding-top: var(--space-s) !important;
}

.hp-menu--user-account .hp-menu__item--user-logout a:hover {
  color: var(--action) !important;
  background: none !important;
}


/* ==========================================================================
   PAGE TITLE (shared)
   ========================================================================== */

.hp-template--vendor-dashboard-page .hp-page__title,
.hp-template--listings-edit-page .hp-page__title,
.hp-template--listings-favorite-page .hp-page__title,
.hp-template--bookings-view-page .hp-page__title,
.hp-template--messages-thread-page .hp-page__title,
.hp-template--memberships-view-page .hp-page__title,
.hp-template--user-edit-settings-page .hp-page__title,
.hp-template--orders-edit-page .hp-page__title,
.hp-template--order-edit-page .hp-page__title,
.hp-template--booking-make-details-page .hp-page__title,
.hp-template--booking-pay-complete-page .hp-page__title,
.hp-template--booking-make-complete-page .hp-page__title,
.hp-template--vendor-view-page .hp-page__title,
.hp-template--user-view-page .hp-page__title {
  font-size: var(--h3) !important;
  font-weight: 600 !important;
  color: var(--primary) !important;
  margin: 0 0 var(--space-s) !important;
}


/* ==========================================================================
   SHARED HP TABLE STYLES
   ========================================================================== */

.hp-template--vendor-dashboard-page .hp-table,
.hp-template--listings-edit-page .hp-table,
.hp-template--messages-thread-page .hp-table,
.hp-template--orders-edit-page .hp-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: var(--space-s) !important;
}

.hp-template--vendor-dashboard-page .hp-table thead th,
.hp-template--listings-edit-page .hp-table thead th,
.hp-template--messages-thread-page .hp-table thead th,
.hp-template--orders-edit-page .hp-table thead th {
  font-size: var(--text-s) !important;
  font-weight: 600 !important;
  color: var(--primary) !important;
  text-align: left !important;
  padding: var(--space-xs) var(--space-s) !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08) !important;
}

.hp-template--vendor-dashboard-page .hp-table tbody th,
.hp-template--listings-edit-page .hp-table tbody th,
.hp-template--messages-thread-page .hp-table tbody th,
.hp-template--orders-edit-page .hp-table tbody th {
  font-size: var(--text-s) !important;
  font-weight: 500 !important;
  color: var(--primary) !important;
  text-align: left !important;
  padding: var(--space-xs) var(--space-s) !important;
}

.hp-template--vendor-dashboard-page .hp-table tbody td,
.hp-template--listings-edit-page .hp-table tbody td,
.hp-template--messages-thread-page .hp-table tbody td,
.hp-template--orders-edit-page .hp-table tbody td {
  font-size: var(--text-s) !important;
  color: var(--neutral) !important;
  padding: var(--space-xs) var(--space-s) !important;
}

.hp-template--vendor-dashboard-page .hp-table tbody tr,
.hp-template--listings-edit-page .hp-table tbody tr,
.hp-template--messages-thread-page .hp-table tbody tr,
.hp-template--orders-edit-page .hp-table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.hp-template--vendor-dashboard-page .hp-table tbody tr:last-child,
.hp-template--listings-edit-page .hp-table tbody tr:last-child,
.hp-template--messages-thread-page .hp-table tbody tr:last-child,
.hp-template--orders-edit-page .hp-table tbody tr:last-child {
  border-bottom: none !important;
}

.hp-template--vendor-dashboard-page .hp-table tbody tr:hover,
.hp-template--listings-edit-page .hp-table tbody tr:hover,
.hp-template--messages-thread-page .hp-table tbody tr:hover,
.hp-template--orders-edit-page .hp-table tbody tr:hover {
  background: var(--primary-light) !important;
}


/* ==========================================================================
   SHARED PAGINATION
   ========================================================================== */

.hp-template--listings-edit-page .hp-pagination,
.hp-template--listings-favorite-page .hp-pagination,
.hp-template--bookings-view-page .hp-pagination,
.hp-template--messages-thread-page .hp-pagination,
.hp-template--memberships-view-page .hp-pagination,
.hp-template--orders-edit-page .hp-pagination {
  margin-top: var(--space-s) !important;
}


/* ==========================================================================
   SHARED MODALS
   ========================================================================== */

.hp-modal.fancybox-content { width: 700px; }

.hp-modal .hp-modal__title {
  font-size: var(--text-l) !important;
  font-weight: 600 !important;
  color: var(--primary) !important;
  margin: 0 0 var(--space-s) !important;
}

.hp-form__button.button-primary {
  background: var(--primary);
  color: #fff;
  text-align: center;
}

/* Message send modal */
.hp-form--message-send { padding: var(--space-xs) 0 0 !important; }

.hp-form--message-send .hp-form__label { font-size: var(--text-s) !important; font-weight: 600 !important; color: var(--primary) !important; margin-bottom: var(--space-xs) !important; display: block !important; }

.hp-form--message-send .hp-field--textarea {
  width: 100% !important;
  min-height: 150px !important;
  border: 1px solid var(--neutral-light, rgba(0, 0, 0, 0.12)) !important;
  border-radius: var(--radius) !important;
  padding: var(--space-xs) !important;
  font-size: var(--text-s) !important;
  font-family: inherit !important;
  color: var(--primary) !important;
  resize: vertical !important;
  transition: border-color 0.15s ease !important;
}

.hp-form--message-send .hp-field--textarea:focus { border-color: var(--primary) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(var(--primary-rgb, 0, 0, 0), 0.08) !important; }
.hp-form--message-send .hp-field--textarea::placeholder { color: var(--neutral) !important; }
.hp-form--message-send .hp-form__footer { padding-top: var(--space-s) !important; }
.hp-form--message-send .hp-form__button { width: 100% !important; border-radius: 999px !important; padding: var(--space-xs) var(--space-s) !important; font-size: var(--text-s) !important; font-weight: 600 !important; background: var(--primary) !important; color: var(--white, #fff) !important; border: none !important; cursor: pointer !important; transition: opacity 0.15s ease !important; text-align: center; }
.hp-form--message-send .hp-form__button:hover { opacity: 0.85 !important; }


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media only screen and (max-width: 992px) {

  .hp-template--vendor-dashboard-page .hp-page.site-main > .hp-row,
  .hp-template--listings-edit-page .hp-page.site-main > .hp-row,
  .hp-template--listings-favorite-page .hp-page.site-main > .hp-row,
  .hp-template--bookings-view-page .hp-page.site-main > .hp-row,
  .hp-template--messages-thread-page .hp-page.site-main > .hp-row,
  .hp-template--memberships-view-page .hp-page.site-main > .hp-row,
  .hp-template--user-edit-settings-page .hp-page.site-main > .hp-row,
  .hp-template--messages-view-page .hp-page.site-main > .hp-row,
  .hp-template--orders-edit-page .hp-page.site-main > .hp-row,
  .hp-template--order-edit-page .hp-page.site-main > .hp-row,
  .hp-template--booking-make-details-page .hp-page.site-main > .hp-row,
  .hp-template--booking-pay-complete-page .hp-page.site-main > .hp-row,
  .hp-template--booking-make-complete-page .hp-page.site-main > .hp-row,
  .hp-template--vendor-view-page .hp-page.site-main > .hp-row,
  .hp-template--user-view-page .hp-page.site-main > .hp-row {
    display: flex !important;
    flex-direction: column !important;
  }

  .hp-template--vendor-dashboard-page .hp-page__sidebar,
  .hp-template--listings-edit-page .hp-page__sidebar,
  .hp-template--listings-favorite-page .hp-page__sidebar,
  .hp-template--bookings-view-page .hp-page__sidebar,
  .hp-template--messages-thread-page .hp-page__sidebar,
  .hp-template--memberships-view-page .hp-page__sidebar,
  .hp-template--user-edit-settings-page .hp-page__sidebar,
  .hp-template--orders-edit-page .hp-page__sidebar,
  .hp-template--order-edit-page .hp-page__sidebar,
  .hp-template--booking-make-details-page .hp-page__sidebar,
  .hp-template--booking-pay-complete-page .hp-page__sidebar,
  .hp-template--booking-make-complete-page .hp-page__sidebar,
  .hp-template--vendor-view-page .hp-page__sidebar,
  .hp-template--user-view-page .hp-page__sidebar {
    position: relative !important;
    top: auto !important;
  }

  .hp-template--vendor-dashboard-page .hp-page__sidebar,
  .hp-template--vendor-dashboard-page .hp-page__content,
  .hp-template--listings-edit-page .hp-page__sidebar,
  .hp-template--listings-edit-page .hp-page__content,
  .hp-template--listings-favorite-page .hp-page__sidebar,
  .hp-template--listings-favorite-page .hp-page__content,
  .hp-template--bookings-view-page .hp-page__sidebar,
  .hp-template--bookings-view-page .hp-page__content,
  .hp-template--messages-thread-page .hp-page__sidebar,
  .hp-template--messages-thread-page .hp-page__content,
  .hp-template--memberships-view-page .hp-page__sidebar,
  .hp-template--memberships-view-page .hp-page__content,
  .hp-template--user-edit-settings-page .hp-page__sidebar,
  .hp-template--user-edit-settings-page .hp-page__content,
  .hp-template--orders-edit-page .hp-page__sidebar,
  .hp-template--orders-edit-page .hp-page__content,
  .hp-template--order-edit-page .hp-page__sidebar,
  .hp-template--order-edit-page .hp-page__content,
  .hp-template--booking-make-details-page .hp-page__sidebar,
  .hp-template--booking-make-details-page .hp-page__content,
  .hp-template--booking-pay-complete-page .hp-page__sidebar,
  .hp-template--booking-make-complete-page .hp-page__sidebar,
  .hp-template--vendor-view-page .hp-page__sidebar,
  .hp-template--user-view-page .hp-page__sidebar,
  .hp-template--booking-pay-complete-page .hp-page__content,
  .hp-template--booking-make-complete-page .hp-page__content,
  .hp-template--vendor-view-page .hp-page__content,
  .hp-template--user-view-page .hp-page__content {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .hp-menu--user-account ul {
    flex-direction: column !important;
    overflow-x: visible !important;
    gap: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    margin-bottom: var(--space-s) !important;
  }

  .hp-menu--user-account .hp-menu__item a { white-space: normal !important; padding: var(--space-xs) var(--space-s) !important; }
  .hp-menu--user-account .hp-menu__item--user-logout a { border-top: none !important; margin-top: 0 !important; padding-top: var(--space-xs) !important; }
  .hp-vendor__balance { flex-wrap: wrap !important; }

  .hp-template--vendor-dashboard-page .hp-table,
  .hp-template--listings-edit-page .hp-table,
  .hp-template--messages-thread-page .hp-table,
  .hp-template--orders-edit-page .hp-table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    max-width: 100% !important;
  }
}