/*
*Theme Name:     CozyStay Child Theme
*Theme URI: 	 https://cozystay.loftocean.com/
*Description:    CozyStay child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       cozystay
*Text Domain: 	 cozystay-child
*Version:        1.0
*/
.single-post div#respond {
	display: none;
}

.browntext-for-button span.cs-btn-text {
	color: #4A443F ;
}
.browntext-for-button span.cs-btn-text:hover{
	color: #ffffff ;
}
/* breadcrumbs */
nav.rank-math-breadcrumb {
    text-align: center;	
}

.room-template-default nav.rank-math-breadcrumb {
    text-align: left;	
}
/* breadcrumbs telos*/
.room-availability {
	display: none;
}

/* =====================
FORMA ARXIKI
   ===================== */
.cs-form-cf7,
.cs-form-cf7-wrap,
.cs-form-cf7 .wpcf7,
.cs-form-cf7 .wpcf7-form {
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* =====================
   MAIN BAR
   ===================== */
.cf7-booking-bar {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  max-width: 1000px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 1px solid #A6998D !important;
  box-sizing: border-box !important;
}

/* DOUBLE BORDER EFFECT */
.cf7-booking-bar::before {
  content: '' !important;
  position: absolute !important;
  top: 5px !important;
  left: -5px !important;
  width: calc(100% + 10px) !important;
  height: calc(100% - 10px) !important;
  border: 1px solid #A6998D !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* =====================
   FIELD GROUPS
   ===================== */
.cf7-booking-bar .cf7-field-group,
.cf7-booking-bar .cf7-submit-group {
  flex: 1 !important;
  min-width: 0 !important;
  border-right: 1px solid #A6998D !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}

.cf7-booking-bar .cf7-submit-group {
  border-right: none !important;
  display: flex !important;
  align-items: stretch !important;
}

/* <p> μέσα στο field */
.cf7-booking-bar .cf7-field-group p {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 20px !important;
  margin: 0 !important;
  line-height: 1 !important;
  height: 60px !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.cf7-booking-bar .cf7-field-group p br {
  display: none !important;
}

/* SUBMIT <p> */
.cf7-booking-bar .cf7-submit-group p {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 60px !important;
}

/* =====================
   LABEL ως placeholder
   ===================== */
.cf7-booking-bar label {
  color: #ffffff !important;
  font-size: 16px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transition: opacity 0.2s ease !important;
}

/* Κρύβει το label όταν υπάρχει τιμή */
.cf7-booking-bar input:not([value=""]):not([value]) ~ label,
.cf7-booking-bar input:focus ~ label,
.cf7-booking-bar input.has-value ~ label {
  opacity: 0 !important;
}

/* =====================
   CF7 SPAN
   ===================== */
.cf7-booking-bar .wpcf7-form-control-wrap {
  width: 100% !important;
  position: static !important;
}

/* =====================
   INPUTS
   ===================== */
.cf7-booking-bar input[type="text"],
.cf7-booking-bar input[type="email"] {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  width: 100% !important;
  padding: 0 !important;
  cursor: text !important;
  display: block !important;
}

/* Flatpickr calendar styling */
.flatpickr-calendar {
  background: #1a1208 !important;
  border: 1px solid rgba(200, 170, 110, 0.6) !important;
  box-shadow: none !important;
}

.flatpickr-day {
  color: #8c7d6e !important;
}

.flatpickr-day:hover,
.flatpickr-day.selected {
  background: rgba(200, 170, 110, 0.4) !important;
  border-color: rgba(200, 170, 110, 0.6) !important;
}

.flatpickr-months .flatpickr-month,
.flatpickr-weekdays,
span.flatpickr-weekday {
  background: #1a1208 !important;
  color: #8c7d6e !important;
  fill: #8c7d6e !important;
}

.flatpickr-current-month,
.flatpickr-current-month .numInputWrapper input,
.flatpickr-current-month select {
  color: #ffffff !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  fill: #8c7d6e !important;
}

/* =====================
   SUBMIT
   ===================== */
.cf7-booking-bar input[type="submit"] {
  width: 100% !important;
  background: transparent ;
  border: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  cursor: pointer !important;
  padding: 0 20px !important;
  text-align: center !important;
  white-space: nowrap !important;
  height: 60px !important;
}

/* =====================
   HIDE
   ===================== */
.cf7-booking-bar .wpcf7-spinner,
.cs-form-cf7 .wpcf7-response-output,
.cf7-booking-bar .wpcf7-not-valid-tip {
  display: none !important;
}

/* =====================
   TABLET — 2x2
   ===================== */
@media (max-width: 900px) and (min-width: 481px) {
  .cf7-booking-bar {
    flex-wrap: wrap !important;
    flex-direction: row !important;
  }

  .cf7-booking-bar::before {
    display: none !important;
  }

  .cf7-booking-bar .cf7-field-group {
    flex: 0 0 50% !important;
    width: 50% !important;
    border-right: 1px solid rgba(200, 170, 110, 0.4) !important;
    border-bottom: 1px solid rgba(200, 170, 110, 0.4) !important;
  }

  .cf7-booking-bar .cf7-field-group:nth-child(even) {
    border-right: none !important;
  }

  /* Submit πιάνει όλο το κάτω μέρος */
  .cf7-booking-bar .cf7-submit-group {
    flex: 0 0 100% !important;
    width: 100% !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 1px solid rgba(200, 170, 110, 0.4) !important;
  }
}

/* =====================
   MOBILE — 1 στήλη
   ===================== */
@media (max-width: 480px) {
  .cf7-booking-bar {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .cf7-booking-bar::before {
    display: none !important;
  }

  .cf7-booking-bar .cf7-field-group,
  .cf7-booking-bar .cf7-submit-group {
    width: 100% !important;
    flex: 1 1 100% !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(200, 170, 110, 0.4) !important;
  }

  .cf7-booking-bar .cf7-submit-group {
    border-bottom: none !important;
  }
}

.cf7-booking-bar .wpcf7-form-control-wrap {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.cf7-booking-bar input[type="text"],
.cf7-booking-bar input[type="email"] {
  position: relative !important;
  z-index: 3 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  width: 100% !important;
  padding: 0 !important;
}

.cf7-success-msg {
  color: #ffffff !important;
  font-size: 16px !important;
  text-align: center !important;
  padding: 20px !important;
  border: 1px solid rgba(200, 170, 110, 0.6) !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
}
/* =====================
FORMA ARXIKI TELOS
   ===================== */
.css-custom-cf .wpcf7-submit {
	border:solid 1px #ffffff;
}

@media screen and (max-width: 599px) {
    .button:not(.cs-btn-underline).cs-btn-small {
        padding: 0 15px!important;
    }
    .koumpi-ava-header a.elementor-button-link.button.cs-btn-outline.cs-btn-small {
	    height: 33px!important;
    }
}