/*
 * ============================================================
 *  PEACHTREE LODGE — PAGE-SPECIFIC LUXURY STYLES
 *  Extends modern-luxury.css for room listing, room detail,
 *  category page, our-properties, and checkout pages.
 * ============================================================
 */

/* ── 1. CATEGORY / ROOM LISTING PAGE ────────────────────────── */

/* Sort bar */
.cat_cont .catSortBlock {
  background: var(--lux-white);
  border: 1px solid var(--lux-sand);
  border-radius: var(--radius);
  padding: 12px 20px;
  margin-bottom: 24px;
  align-items: center;
}
.catSortBlock .sortBlockHeading p {
  font-family: var(--lux-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lux-ink-lt);
  margin: 0;
}
.catSortBlock .filter_dw_cont .btn {
  font-size: 13px;
  padding: 8px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--lux-stone);
  background: var(--lux-white);
  color: var(--lux-ink-md);
  font-weight: 500;
}
.catSortBlock .dropdown-menu {
  border: 1px solid var(--lux-sand);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  padding: 4px 0;
}
.catSortBlock .dropdown-menu li a {
  font-size: 13px;
  padding: 9px 16px;
  color: var(--lux-ink-md);
  transition: var(--trans-fast);
}
.catSortBlock .dropdown-menu li a:hover {
  background: var(--lux-gold-pale);
  color: var(--lux-dark);
}

/* ── 2. ROOM TYPE LIST CARDS (category page, horizontal layout) */

.room_cont {
  margin-bottom: 20px;
}
.room_cont .row {
  background: var(--lux-white);
  border-radius: var(--radius-lg);
  border: 1px solid var(--lux-sand);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--trans);
  margin: 0;
}
.room_cont .row:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-3px);
  border-color: rgba(196,151,58,0.3);
}

/* Room image */
.room_cont .room-type-image {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.room_cont .row:hover .room-type-image {
  transform: scale(1.04);
}
.room_cont .col-sm-4 {
  padding: 0;
  overflow: hidden;
  position: relative;
}

/* Room info panel */
.room_info_cont {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Room name heading */
.rm_heading {
  font-family: var(--lux-serif);
  font-size: 26px;
  font-weight: 400;
  color: var(--lux-ink);
  margin: 0 0 10px;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

/* Urgency badge */
.rm_left {
  font-family: var(--lux-sans);
  font-size: 12px;
  font-weight: 600;
  color: #C05400;
  background: #FFF3E0;
  border: 1px solid #FFCC80;
  border-radius: 100px;
  padding: 4px 12px;
  display: inline-block;
  align-self: flex-start;
}

/* Short description */
.rm_desc {
  font-size: 14px;
  color: var(--lux-ink-lt);
  line-height: 1.75;
  margin-bottom: 18px;
}
.rm_desc .view_more {
  color: var(--lux-gold);
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
}
.rm_desc .view_more:hover { color: var(--lux-gold-lt); text-decoration: underline; }

/* Amenity icons row */
.room_features_cont { margin-bottom: 16px; }
.rm_amenities_cont {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}
.rm_amen {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 6px;
  background: var(--lux-ivory);
  padding: 3px;
  border: 1px solid var(--lux-sand);
  transition: var(--trans-fast);
}
.rm_amen:hover {
  background: var(--lux-gold-pale);
  border-color: var(--lux-gold);
  transform: scale(1.1);
}

/* Capacity text */
.capa_txt {
  font-size: 13px;
  color: var(--lux-ink-lt);
  line-height: 1.5;
  margin: 0;
}
.capa_txt span:first-child {
  font-weight: 500;
  color: var(--lux-ink-md);
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 2px;
}
.capa_data {
  font-weight: 400;
  color: var(--lux-ink);
}

/* Price block on listing */
.rm_price_cont {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 8px;
}
.rm_price_val {
  font-family: var(--lux-serif);
  font-size: 28px;
  font-weight: 400;
  color: var(--lux-dark);
}
.rm_price_val.room_type_old_price {
  font-size: 18px;
  color: var(--lux-ink-lt);
  text-decoration: line-through;
}
.rm_price_txt {
  font-size: 13px;
  color: var(--lux-ink-lt);
  font-family: var(--lux-sans);
}

/* Book Now on listing */
.room_type_list_actions { margin-top: 16px; }
.room_type_list_actions .ajax_add_to_cart_button {
  background: var(--lux-dark) !important;
  background-image: none !important;
  border: 2px solid var(--lux-dark) !important;
  color: var(--lux-white) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border-radius: var(--radius-sm) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: var(--trans-fast) !important;
  display: inline-block !important;
}
.room_type_list_actions .ajax_add_to_cart_button:hover {
  background: var(--lux-gold) !important;
  border-color: var(--lux-gold) !important;
  color: var(--lux-dark) !important;
}

/* Quantity controls on listing */
.booking_room_fields .qty_container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

/* No rooms alert */
.noRoomsAvailAlert {
  background: var(--lux-ivory);
  border: 1px solid var(--lux-sand);
  border-radius: var(--radius-lg);
  padding: 48px 32px;
  text-align: center;
  font-family: var(--lux-serif);
  font-size: 22px;
  color: var(--lux-ink-lt);
  font-style: italic;
}


/* ── 3. PRODUCT DETAIL PAGE (Room Detail) ─────────────────────── */

/* Sticky right column (booking panel) on desktop */
@media (min-width: 992px) {
  .pb-right-column {
    position: sticky;
    top: 90px;
    align-self: flex-start;
  }
}

/* Section headings */
.room_info_heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--lux-sand);
}
.room_info_heading span {
  font-family: var(--lux-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--lux-ink-lt);
}
.room_info_heading::before {
  content: '';
  display: block;
  width: 24px;
  height: 1px;
  background: var(--lux-gold);
  flex-shrink: 0;
}

/* Info sections */
.info_margin_div {
  padding: 24px 0;
  border-bottom: 1px solid var(--lux-sand);
}
.info_margin_div:last-child { border-bottom: none; }
.room_info_content {
  font-size: 15px;
  color: var(--lux-ink-md);
  line-height: 1.8;
}

/* Features grid */
.room_info_content.row .col-sm-4 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 15px;
  font-size: 13px;
  color: var(--lux-ink-md);
}
.circle-small {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--lux-gold);
  border-radius: 50%;
  font-size: 0;
  flex-shrink: 0;
}

/* Product tabs */
.product_description_tabs {
  border-bottom: 2px solid var(--lux-sand);
  margin-bottom: 0;
}
.product_description_tabs > li > a {
  font-family: var(--lux-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--lux-ink-lt);
  border: none;
  border-bottom: 3px solid transparent;
  padding: 14px 20px;
  transition: var(--trans-fast);
  background: transparent;
}
.product_description_tabs > li.active > a,
.product_description_tabs > li > a:hover {
  color: var(--lux-dark);
  background: transparent;
  border: none;
  border-bottom: 3px solid var(--lux-gold);
}
.product_description_tabs_contents .tab-pane.card {
  background: var(--lux-white);
  border: 1px solid var(--lux-sand);
  border-top: none;
  border-radius: 0 0 var(--radius) var(--radius);
  box-shadow: none;
  padding: 24px;
}

/* Service products panel */
#service_products_cont {
  margin-top: 24px;
}
.open_rooms_extra_services_panel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--lux-dark);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid var(--lux-gold);
  padding-bottom: 2px;
  transition: var(--trans-fast);
}
.open_rooms_extra_services_panel:hover {
  color: var(--lux-gold);
}

/* Services tooltip panel */
.services-info-container {
  background: var(--lux-white);
  border: 1px solid var(--lux-sand);
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  padding: 20px;
  font-size: 13px;
}
.services-info-container .extra-service-panel .panel_title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lux-ink-lt);
  margin-bottom: 12px;
}
.services-info-container .services-list-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--lux-sand);
  font-size: 13px;
  color: var(--lux-ink-md);
}
.services-info-container .service_price {
  font-family: var(--lux-serif);
  font-size: 16px;
  color: var(--lux-dark);
  margin: 0;
}
.services-info-container .summary-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--lux-ink);
}

/* Map tab */
#room_type_map_tab .map-section {
  border-radius: var(--radius);
  overflow: hidden;
}


/* ── 4. OUR PROPERTIES PAGE ──────────────────────────────────── */

.our-properties-header {
  font-family: var(--lux-serif);
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 400;
  color: var(--lux-ink);
  margin-bottom: 12px;
}
.our-properties-desc {
  font-size: 16px;
  color: var(--lux-ink-lt);
  max-width: 540px;
  margin: 0 auto;
  line-height: 1.75;
}
.title-container {
  text-align: center;
  padding: 48px 0 36px;
}

/* Property cards */
.hotel-address-container {
  background: var(--lux-white);
  border: 1px solid var(--lux-sand);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--trans);
}
.hotel-address-container:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}
.hotel-address-container .col-xs-5 { padding: 0; overflow: hidden; }
.htl-img {
  width: 100%;
  height: 100%;
  min-height: 200px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}
.hotel-address-container:hover .htl-img { transform: scale(1.05); }

.hotel-address-container .col-xs-7 {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hotel-name span {
  font-family: var(--lux-serif);
  font-size: 22px;
  font-weight: 400;
  color: var(--lux-ink);
  display: block;
  margin-bottom: 10px;
}
.hotel-branch-info-value {
  font-size: 13px;
  color: var(--lux-ink-lt);
  margin-bottom: 6px;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.hotel-branch-info-actions {
  margin-top: 16px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.view_rooms_btn {
  background: var(--lux-dark) !important;
  border-color: var(--lux-dark) !important;
  color: var(--lux-white) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  border-radius: var(--radius-sm) !important;
  transition: var(--trans-fast) !important;
  text-shadow: none !important;
}
.view_rooms_btn:hover {
  background: var(--lux-gold) !important;
  border-color: var(--lux-gold) !important;
  color: var(--lux-dark) !important;
}
.htl-map-direction-btn {
  background: transparent !important;
  border: 1px solid var(--lux-stone) !important;
  color: var(--lux-ink-md) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  border-radius: var(--radius-sm) !important;
  transition: var(--trans-fast) !important;
}
.htl-map-direction-btn:hover {
  border-color: var(--lux-dark) !important;
  color: var(--lux-dark) !important;
  background: var(--lux-ivory) !important;
}


/* ── 5. ORDER / CHECKOUT PAGES ───────────────────────────────── */

/* Step indicator */
#order_step {
  background: var(--lux-white);
  border-bottom: 1px solid var(--lux-sand);
  padding: 20px 0;
  margin-bottom: 32px;
}
#order_step li {
  font-family: var(--lux-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lux-ink-lt);
}
#order_step li.step_done {
  color: var(--lux-gold);
}
#order_step li.step_current span {
  background: var(--lux-dark);
  color: var(--lux-white);
  border-color: var(--lux-dark);
}

/* Checkout panels */
.order-carrier-content .panel,
.order-address-content .panel {
  border-radius: var(--radius-lg) !important;
  border: 1px solid var(--lux-sand) !important;
}

/* Payment block */
.payment-module-logos {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.payment-logo {
  border-radius: var(--radius-sm);
  border: 1px solid var(--lux-sand);
  padding: 6px 12px;
  transition: var(--trans-fast);
}
.payment-logo:hover {
  border-color: var(--lux-gold);
  box-shadow: 0 2px 8px rgba(196,151,58,0.2);
}

/* Confirmation page */
.order-confirmation-details {
  background: var(--lux-ivory);
  border-radius: var(--radius-lg);
  padding: 32px;
  border: 1px solid var(--lux-sand);
}


/* ── 6. MAINTENANCE PAGE ──────────────────────────────────────── */
#maintenance {
  background: var(--lux-dark);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
#maintenance .maintenance-text {
  font-family: var(--lux-serif);
  font-size: 48px;
  color: var(--lux-white);
  font-style: italic;
}


/* ── 7. 404 PAGE ─────────────────────────────────────────────── */
#pagenotfound .page-not-found-inner {
  text-align: center;
  padding: 80px 0;
}
#pagenotfound h1 {
  font-family: var(--lux-serif);
  font-size: 72px;
  color: var(--lux-gold);
}


/* ── 8. CMS PAGES ────────────────────────────────────────────── */
#cms .page-heading {
  font-family: var(--lux-serif);
  font-size: clamp(28px, 3vw, 44px);
  border-bottom: 1px solid var(--lux-sand);
  padding-bottom: 20px;
  margin-bottom: 32px;
}
.cms-page-content {
  font-size: 15px;
  line-height: 1.9;
  color: var(--lux-ink-md);
  max-width: 780px;
}
.cms-page-content h2 {
  font-size: 28px;
  margin: 36px 0 16px;
  color: var(--lux-ink);
}
.cms-page-content h3 {
  font-size: 20px;
  margin: 24px 0 12px;
  color: var(--lux-dark);
}


/* ── 9. CONTACT PAGE ─────────────────────────────────────────── */
#contact-form {
  max-width: 680px;
  margin: 0 auto;
}
#contact-form label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lux-ink-lt);
  margin-bottom: 6px;
  display: block;
}
.submit button.btn {
  width: 100%;
  padding: 16px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}


/* ── 10. AUTHENTICATION / LOGIN PAGE ──────────────────────────── */
#authentication .box {
  background: var(--lux-white);
  border: 1px solid var(--lux-sand);
  border-radius: var(--radius-lg);
  padding: 36px;
  box-shadow: var(--shadow-sm);
}
#authentication .forgot-password {
  font-size: 13px;
  color: var(--lux-gold);
}
#authentication .forgot-password:hover { color: var(--lux-gold-lt); }

/* Register / guest buttons */
#registration_form .btn,
#guestCheckoutForm .btn {
  width: 100%;
}


/* ── 11. MY ACCOUNT PAGE ────────────────────────────────────── */
.myaccount-link-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}
.myaccount-link-list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px 20px !important;
  gap: 12px;
}
.myaccount-link-list a i {
  font-size: 28px;
}
.myaccount-link-list a span {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--lux-ink);
}


/* ── 12. NEWSLETTER MODULE ────────────────────────────────────── */
#blocknewsletter_displayFooter {
  background: rgba(255,255,255,0.05);
  border-radius: var(--radius);
  padding: 20px;
  border: 1px solid rgba(255,255,255,0.1);
}
#blocknewsletter_displayFooter .newsletter_input {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: var(--lux-white) !important;
  border-radius: var(--radius-sm) !important;
  padding: 11px 14px !important;
}
#blocknewsletter_displayFooter .newsletter_input:focus {
  border-color: var(--lux-gold) !important;
  box-shadow: 0 0 0 3px rgba(196,151,58,0.15) !important;
}
#blocknewsletter_displayFooter .btn {
  background: var(--lux-gold) !important;
  border-color: var(--lux-gold) !important;
  color: var(--lux-dark) !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}
#blocknewsletter_displayFooter .btn:hover {
  background: var(--lux-gold-lt) !important;
}


/* ── 13. RESPONSIVE FIXES ────────────────────────────────────── */

@media (max-width: 991px) {
  .room_cont .row { flex-direction: column; }
  .room_cont .col-sm-4 { width: 100%; }
  .room_cont .room-type-image { height: 220px; }
  .room_info_cont { padding: 20px; }
  .rm_heading { font-size: 22px; }
  .hotel-address-container .col-xs-5,
  .hotel-address-container .col-xs-7 { width: 100%; }
  .htl-img { min-height: 160px; height: 180px; }
}

@media (max-width: 767px) {
  .room_info_cont { padding: 16px; }
  .rm_price_val { font-size: 22px; }
  .pb-right-column { margin-top: 24px; }
  .product_description_tabs > li > a {
    font-size: 11px;
    padding: 10px 12px;
    letter-spacing: 0.04em;
  }
  .info_margin_div { padding: 16px 0; }
  .catSortBlock { padding: 10px 14px; }
  .myaccount-link-list { grid-template-columns: repeat(2, 1fr); }
}


/* ── 14. ROOM SEARCH WIDGET (left column on listing pages) ────
   The .header-rmsearch-wrapper search box was designed for the dark
   hero; on the listing left column its heading was invisible and the
   field text overlapped the leading icons. Re-skin for legibility.
   (Homepage excluded — this CSS never loads on page_name 'index'.) */
#left_column .header-rmsearch-wrapper,
.booking-cont .header-rmsearch-wrapper {
  background: var(--lux-dark) !important;
  border: 1px solid rgba(196,151,58,0.25) !important;
  border-radius: var(--radius-lg) !important;
  padding: 24px 20px !important;
}
#left_column .filter_header p,
.header-rmsearch-wrapper .filter_header p {
  font-family: var(--lux-serif) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--lux-white) !important;
  margin: 0 0 4px !important;
  letter-spacing: 0.02em !important;
}
#left_column .header-bottom-hr,
.header-rmsearch-wrapper .header-bottom-hr {
  border: none !important;
  border-top: 1px solid rgba(196,151,58,0.4) !important;
  margin: 10px 0 18px !important;
}
/* Search fields: give room for the leading icon so text no longer overlaps */
#left_column .header-rmsearch-input,
.header-rmsearch-wrapper .header-rmsearch-input {
  background-color: var(--lux-white) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 14px 12px 42px !important;
  font-size: 14px !important;
  color: var(--lux-ink) !important;
  min-height: 48px !important;
  line-height: 1.4 !important;
}
#left_column .input-date#daterange_value {
  color: var(--lux-ink-md) !important;
  display: flex !important;
  align-items: center !important;
}
#left_column #guest_occupancy {
  text-align: left !important;
  width: 100% !important;
  cursor: pointer !important;
}
#left_column .header-rmsearch-input::placeholder { color: var(--lux-ink-lt) !important; }

/* Occupancy dropdown panel — premium, never clipped */
#search_occupancy_wrapper.dropdown-menu {
  background: var(--lux-white) !important;
  border: 1px solid var(--lux-sand) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-lg) !important;
  padding: 18px !important;
  min-width: 300px !important;
  z-index: 1200 !important;
}
#search_occupancy_wrapper .occupancy_info_head,
#search_occupancy_wrapper .occupancy-room-block label {
  font-family: var(--lux-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--lux-ink-lt) !important;
}
#search_occupancy_wrapper .occupancy_quantity_up,
#search_occupancy_wrapper .occupancy_quantity_down {
  width: 34px !important; height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid var(--lux-stone) !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  color: var(--lux-ink) !important; background: var(--lux-white) !important;
}
#search_occupancy_wrapper .occupancy_quantity_up:hover,
#search_occupancy_wrapper .occupancy_quantity_down:hover {
  border-color: var(--lux-gold) !important; color: var(--lux-gold) !important;
}
#search_occupancy_wrapper .submit_occupancy_btn.btn-primary {
  background: var(--lux-gold) !important; border-color: var(--lux-gold) !important;
  color: var(--lux-dark) !important; font-weight: 600 !important;
  letter-spacing: 0.08em !important; text-transform: uppercase !important;
}
/* Search submit (gold) inside the widget */
#left_column .search_room_button,
#left_column button[type="submit"],
#left_column input[type="submit"] {
  width: 100% !important;
}


/* ── 15. DATE / OCCUPANCY FIELD ICONS (global) ────────────────
   These fields carry a leading icon (calendar / guests) as a
   background image. Ensure enough left padding so the value text
   never overlaps the icon — applies on listing, modify-search bar
   and the room-detail booking panel alike. */
#room_date_range,
#daterange_value,
.form-control.input-date,
#guest_occupancy,
.booking_guest_occupancy,
.form-control.input-occupancy {
  padding-left: 42px !important;
  background-repeat: no-repeat !important;
  background-position: 14px center !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
}
/* Room-detail booking panel date range value spacing */
#room_date_range span,
#daterange_value span { line-height: 1.3 !important; }