/* --------------------------------------------------------------
   TravelBaby child theme styles.

   Customizations of parent theme (WP Rentals) sections live here, in the
   child theme, so they survive parent theme updates. Loaded from
   functions.php after the parent and child style.css.

   style.css is kept as the bare theme header on purpose: it matches
   production, so restoring a production backup never overwrites our work.

   Add one commented section per customized area.
-------------------------------------------------------------- */

/* Header: initials badge for users without a profile picture (templates/top_user_menu.php) */
.menu_user_picture.menu_user_initials {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #450092;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  user-select: none;
}

/* Search forms (WP Rentals Search Form Builder): field labels are not interactive.
   Elementor sets cursor: pointer on .elementor-field-label, but these labels point to
   ids that do not exist, so a click does nothing. Scoped to .search_wrapper to leave
   the contact form builder and the checkbox labels of the classic search untouched. */
.search_wrapper .elementor-field-label {
  cursor: default;
}

/* Search forms: when the theme locks the Check-Out field (option "Lock the Check-Out
   field?", class added by js/control.js), grey the whole column instead of only the input.
   The theme paints the input with an id selector and !important, so the input is made
   transparent with a more specific selector. Turning the theme option off removes the
   class and the grey. :has() needs Chrome 105+, Safari 15.4+, Firefox 121+; older
   browsers simply show no grey. */
.search_wrapper .elementor-field-group:has(input.wprentals_checkout_locked) {
  background-color: #f4f4f4;
  border-radius: 12px;
}

.search_wrapper .elementor-field-group input#check_out.wprentals_checkout_locked {
  background-color: transparent !important;
}

/* TEMPORARY, at the client's request: hide the "Check Availability" link in the property
   header (property_header2, listing_page_1/5). It scrolled to the availability calendar,
   which was hidden because users got lost navigating, so the link has no target now.
   The theme forces it visible with `display: inline !important` (.check_avalability,
   .listing_type_1 .check_avalability), so the tag + attribute selector is needed to win.
   Remove this block to bring the link back once the anchor works. */
a.check_avalability[href="#listing_calendar"] {
  display: none !important;
}