/*
Theme Name: Homey Child
Theme URI: http://themeforest.net/user/favethemes/
Author: Favethemes
Author URI: http://themeforest.net/user/favethemes/
Description: Homey is a powerful booking platform that lets you run a residential or commercial
rental business online with no hassle
Version: 1.0.0
Tags: right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homey
Template: homey
*/


/* Your CSS code goes here
-------------------------------------- */
.page-template-default .breadcrumb,
.breadcrumb {
    display: none !important;
}


.progress-wrapper {
    height: 6px;
    background: #eee;
    border-radius: 3px;
    margin-top: 8px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    width: 0%;
    background: #00bcd4;
    transition: width 0.3s ease;
}


.item-price .price-note{
  font-size: 11px;
  line-height: 1.2;
  margin-left: 6px;
  color: #666;
  font-weight: normal;
}

.item-price .price-note {
  font-size: 11px;
  margin-left: 4px;
  color: #666;
  font-weight: normal;
}

.sidebar-booking-module-header .item-price .from-label {
    font-size: 12px;
    color: #999;
    margin-right: 4px;
}


/* KMH: host calendar panel */
.kmh-arrdep-box{
  clear: both;          /* prevents overlap with the floated toolbar */
  margin: 15px 0;
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 6px;
  background: #fff;
}

/* (optional) ensure the toolbar itself clears its floats */
.calendar-navigation.custom-actions::after{
  content:"";
  display:block;
  clear:both;
}


/* KMH: changeover rule messaging + disabled CTA */
/* KMH: Changeover rule UI */
.kmh-checkday{
  background:#fbeaea;
  border:1px solid #f5c2c7;
  color:#842029;
  padding:8px;
  border-radius:4px;
  margin-bottom:10px;
  text-align:center;
}

/* While invalid, hide ANY success/availability banners inside the booking box */
body.kmh-invalid-changeover .homey-booking .notify,
body.kmh-invalid-changeover .homey-booking .alert,
body.kmh-invalid-changeover .homey-booking-module .notify,
body.kmh-invalid-changeover .homey-booking-module .alert,
body.kmh-invalid-changeover .homey_notification .notify,
body.kmh-invalid-changeover .homey-notification .notify,
body.kmh-invalid-changeover .homey_notification .alert-success,
body.kmh-invalid-changeover .homey-notification .alert-success { 
  display:none !important;
}

/* Keep our error visible */
body.kmh-invalid-changeover .kmh-checkday { display:block !important; }

/* Visually and functionally disable CTAs */
body.kmh-invalid-changeover #request_for_reservation,
body.kmh-invalid-changeover #instance_reservation,
body.kmh-invalid-changeover #request_for_reservation_mobile,
body.kmh-invalid-changeover #instance_reservation_mobile,
body.kmh-invalid-changeover button.request-to-book,
body.kmh-invalid-changeover button.btn-request,
body.kmh-invalid-changeover .request-booking {
  pointer-events:none !important;
  opacity:.6 !important;
  filter:grayscale(0.2);
}


/* While invalid, silence the green banner specifically inside the sidebar widget */
body.kmh-invalid-changeover .sidebar-booking-module .notify.text-success,
body.kmh-invalid-changeover .sidebar-booking-module .notify.btn-success-outlined,
body.kmh-invalid-changeover .sidebar-booking-module .homey_notification .notify{
  display:none !important;
}

/* If we mark the module itself */
.sidebar-booking-module.kmh-invalid .notify.text-success,
.sidebar-booking-module.kmh-invalid .notify.btn-success-outlined{
  display:none !important;
}

/* If JS marks the sidebar booking module invalid, never show the green notify */
.sidebar-booking-module.kmh-invalid .notify { display:none !important; }


/* Tablet + small laptop widths: keep header on top */
@media (min-width: 769px) and (max-width: 1024px) {
  .nav-area.header-type-1,
  .nav-area.header-type-1.is-sticky,
  .nav-area.header-type-1.sticked,
  .homey-header,
  .site-header,
  .navbar {
    position: relative;
    z-index: 10050 !important;
  }

  body.page-template-elementor_header_footer
    .elementor-section.elementor-top-section:first-of-type {
    position: relative;
    z-index: 1 !important;
    margin-top: 72px; /* adjust if header height changes */
    transform: none !important;
  }

  body.page-template-elementor_header_footer
    .elementor-section.elementor-top-section:first-of-type
    .elementor-background-overlay {
    pointer-events: none;
  }

  .nav-area.header-type-1 + .elementor {
    position: relative;
    z-index: 1 !important;
  }
}

/* EP mobile: only show the cloned sidebar below content on smaller screens */
.kmh-ep-mobile { display: none; }

@media (max-width:1200px){
  .dashboard-with-sidebar .dashboard-sidebar { display: none !important; }
  .kmh-ep-mobile { display: block; }
  .kmh-ep-mobile .sidebar-widget { margin-top: 0; }
}

/* WPForms Submit Button */
.wpforms-submit {
  background-color: #2c7a7b !important; /* Change to brand colour */
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 24px !important;
  font-weight: 600 !important;
  transition: background 0.2s ease-in-out;
}

.wpforms-submit:hover {
  background-color: #225e5f !important; /* Slightly darker on hover */
}

/* Inputs + Dropdowns */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field select,
.wpforms-field textarea {
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  padding: 10px !important;
  width: 100% !important;
  font-size: 15px !important;
}

/* Checkbox label */
.wpforms-field input[type="checkbox"] + label {
  font-size: 14px !important;
}

/* Required star styling */
.wpforms-required-label {
  color: #e63946 !important; /* softer red for required fields */
}

.h2l-card {
  background:#fff;
  border:1px solid #e5e5e5;
  border-left:5px solid #2c7a7b; /* your brand accent */
  border-radius:8px;
  padding:16px 18px;
  margin-bottom:16px;
}

.wpforms-field.message-box textarea {
  max-width: 385px;
}


.hh2l-booking-conditions {
  background:#fafafa; 
  border:1px solid #eaeaea; 
  border-radius:8px;
  padding:12px 14px; 
  margin-top:15px; 
  font-size:13px; 
  line-height:1.5;
}
.hh2l-booking-conditions strong {
  display:block; 
  margin-bottom:6px; 
  font-size:14px;
}
.hh2l-booking-conditions ul {
  margin:0 0 0 18px; 
  padding:0;
}
.hh2l-booking-conditions li {
  margin:4px 0;
}

/* HH2L — make keyword pill match Homey pills */
.search-header .hh2l-keyword-wrap { 
  min-width: 300px;         /* adjust to taste: 260–340px */
  margin-left: 8px;         /* same gap as other pills */
}
.search-header .hh2l-keyword {
  height: 48px;             /* match Check-in / Guests height */
  padding: .6rem .8rem;
  border-radius: 8px;
}

/* Optional: tighten on narrower desktops */
@media (max-width: 1200px){
  .search-header .hh2l-keyword-wrap { min-width: 260px; }
}


/* HH2L: make calendar cells non-interactive on edit screens */
.hh2l-readonly-cal .homey-calendar .day,
.hh2l-readonly-cal .availability-calendar .day,
.hh2l-readonly-cal .calendar .day,
.hh2l-readonly-cal .calendar-day,
.hh2l-readonly-cal .date {
  pointer-events: none !important;
  cursor: default !important;
}

/* If any inline calendar action bars are present, hide them */
.hh2l-readonly-cal .homey-calendar-actions,
.hh2l-readonly-cal .calendar-actions,
.hh2l-readonly-cal .availability-actions {
  display: none !important;
}

/* Hide any dashboard sidebar if a plugin/theme tries to inject it anyway */
body.page-template-dashboard-stripe-connect .user-dashboard-left { display: none !important; }
/* Nice readable card width */
body.page-template-dashboard-stripe-connect .dashboard-content-area .block {
  max-width: 920px; margin: 0 auto;
  padding-left: 16px; padding-right: 16px;
}