/* ======================================================
* Info Label Formatting
* ====================================================== */	

#start_date_value,
#end_date_value,
#location_value,
#guests_value {
	font-weight: bold;
	color:var(--blue);
}	

/* ============================== */
/* Card Fan search Widget */
/* ============================== */

.card-fan-wrapper {
  position: relative;
}

/* Core card fan CSS */

.fan-card {
  position: absolute !important;
  bottom: 0;
  flex: none !important;
  transform-origin: bottom right;
  transition: transform 0.35s ease;
}

.fan-1 { transform: rotate(-10deg); z-index: 3; }
.fan-2 { transform: rotate(6deg); z-index: 2; }
.fan-3 { transform: rotate(16deg);  z-index: 1; }

/* Cards Hover interaction */

.fan-1:hover  { transform: rotate(2deg); }
.fan-2:hover  { transform: rotate(16deg); }
.fan-3:hover  { transform: rotate(25deg); }

/* Cards Click interaction */


/* ============================== */
/* CARD Core Designs */
/* ============================== */

/* Location */
.location-toggle {
  padding: 10px 18px;
  background: none !important;
  border: 1px solid var(--yellow);	
  cursor: pointer;
  transition: all 0.2s ease;
  
}

.location-toggle a {
  color: var(--blue);
  text-decoration: none;
}

/* CheckinCheckOut */
.date-box {
  padding: 10px 18px;
  background: none !important;
  border: 1px solid var(--blue);	
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Controls Hover interactio */

/* Location */
.location-toggle:hover { background: var(--yellow-shade) !important; }
.location-toggle:hover a { color: var(--black); }

/* CheckinCheckOut */
.date-box:hover { background: var(--blue-shade) !important; }
.date-box:hover a { color: var(--black); }

/* Controls Active Status */

.location-toggle.active {
  background: var(--yellow-shade) !important;
}

.location-toggle.active a {
  color: #fff;
}


/* ============================== */
/* Card Fan – Active / Focused */
/* ============================== */

.fan-card.is-active {
  transform: rotate(0deg) translateY(-40px);
  z-index: 99;
  transition: transform 0.35s ease;
}

/* Optional: soften inactive cards */
.card-fan-wrapper.has-active .fan-card:not(.is-active) {
  opacity: 0.6;
  pointer-events: none;
}


/* ============================== */
/* Guest Counter */
/* ============================== */

/* Elementor HTML widget fix */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

/* Guest Counter */
.guest-counter {
  display: flex;
  width: 100%;
  height: 42px;

  border: 1px solid var(--black);
  overflow: hidden;
}

/* Buttons */
.guest-btn {
  width: 42px;
  flex: 0 0 42px;
  
  color: var(--black) !important;
  font-weight: normal !important;
  background: none !important;
  font-size: 20px;
  cursor: pointer;
  border:none;

  padding: 0;
  margin: 0;
  box-shadow: none !important;
}

.guest-btn:hover {
	background: var(--black-shade) !important;
}

/* Input wrapper */
.guest-input-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}

/* Input */
.guest-input {
  width: 100%;
  border: none !important;
  background: transparent;

  text-align: center;
  font-size: 16px;

  padding: 0;
  margin: 0;
  box-shadow: none !important;
  outline: none;
}

/* Dividers */
.guest-btn.minus { border-right: 1px solid var(--black); }
.guest-btn.plus  { border-left: 1px solid var(--black); }

/* ============================== */
/* Date Controls */
/* ============================== */

.date-picker-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 300px;
}

.date-picker-wrap input {
  font-size:18px !important;
  border: 1px solid var(--black-shade);
}