.elementor-54 .elementor-element.elementor-element-34088082:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-34088082 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://villaalveare.com/wp-content/uploads/2025/04/DSC_0311-scaled.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-54 .elementor-element.elementor-element-34088082 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-faf5d15 ) 0%, var( --e-global-color-2b1ce78 ) 100%);opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-54 .elementor-element.elementor-element-34088082{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0150px 0px 0125px 0px;}.elementor-54 .elementor-element.elementor-element-13afd303 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-54 .elementor-element.elementor-element-2cd4b6fd .elementor-heading-title{color:var( --e-global-color-e64be90 );}.elementor-54 .elementor-element.elementor-element-d039dc0{--display:flex;}.elementor-54 .elementor-element.elementor-element-aafc25d .elementor-button{background-color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;transition-duration:0.4s;border-style:double;}.elementor-54 .elementor-element.elementor-element-aafc25d .elementor-button:hover, .elementor-54 .elementor-element.elementor-element-aafc25d .elementor-button:focus{background-color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-54 .elementor-element.elementor-element-aafc25d > .elementor-widget-container{background-color:var( --e-global-color-eb507f3 );}.elementor-54 .elementor-element.elementor-element-aafc25d.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-54 .elementor-element.elementor-element-aafc25d{left:248px;}body.rtl .elementor-54 .elementor-element.elementor-element-aafc25d{right:248px;}.elementor-54 .elementor-element.elementor-element-aafc25d{top:-717px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-54 .elementor-element.elementor-element-34088082:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-34088082 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-54 .elementor-element.elementor-element-34088082{padding:200px 30px 150px 30px;}body:not(.rtl) .elementor-54 .elementor-element.elementor-element-aafc25d{left:41px;}body.rtl .elementor-54 .elementor-element.elementor-element-aafc25d{right:41px;}.elementor-54 .elementor-element.elementor-element-aafc25d{top:-735px;}.elementor-54 .elementor-element.elementor-element-aafc25d .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-54 .elementor-element.elementor-element-34088082:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-34088082 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-54 .elementor-element.elementor-element-34088082{padding:125px 20px 230px 20px;}.elementor-54 .elementor-element.elementor-element-2cd4b6fd{text-align:center;}.elementor-54 .elementor-element.elementor-element-aafc25d{width:var( --container-widget-width, 170.292px );max-width:170.292px;--container-widget-width:170.292px;--container-widget-flex-grow:0;top:-183px;}body:not(.rtl) .elementor-54 .elementor-element.elementor-element-aafc25d{left:27px;}body.rtl .elementor-54 .elementor-element.elementor-element-aafc25d{right:27px;}.elementor-54 .elementor-element.elementor-element-aafc25d .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-88ff568 */.booking_calendar_main_container[data-night="1"] .wpdevart-booked + .wpdevart-available .wpda-day-header, 
.booking_calendar_main_container[data-night="1"] .wpdevart-available + .wpdevart-booked .wpda-day-header, 
.booking_calendar_main_container[data-night="1"] .wpdevart-calendar-container > div.selected.checkout_night .wpda-day-header, 
.booking_calendar_main_container[data-night="1"] .wpdevart-calendar-container > div.selected.checkin_night .wpda-day-header {
    background-color: black !important; /* Set background to black */
}

/* Set the entire calendar background to black */
.booking_calendar_main {
    background-color: black !important;
    color: white !important;
}

/* Ensure all text in the calendar is white */
.booking_calendar_main .wpda-day-number,
.booking_calendar_main .wpda-current-year,
.booking_calendar_main .wpda-current-month,
.booking_calendar_main .week-day-name span,
.booking_calendar_main .day-availability,
.booking_calendar_main .day-price {
    color: white !important;
}

/* Style the calendar header (previous, next, and month info) */
.booking_calendar_main .wpda-booking-calendar-head {
    background-color: black !important;
    color: white !important;
}

.booking_calendar_main .wpda-booking-calendar-head a {
    color: white !important;
}

/* Style individual day blocks */
.booking_calendar_main .wpdevart-day {
    background-color: black !important;
    border: 1px solid white !important;
}

/* Style day headers (e.g., Monday, Tuesday, etc.) */
.booking_calendar_main .wpda-day-header {
    background-color: black !important;
    color: white !important;
}

/* Handle hover and active states */
.booking_calendar_main .wpdevart-day:hover,
.booking_calendar_main .wpdevart-day.selected {
    background-color: #333 !important;
    color: white !important;
}

/* Adjust price and availability text */
.booking_calendar_main .day-price span,
.booking_calendar_main .day-availability span {
    color: white !important;
}

/* Set background to black and text to white */
.wpdevart-booking-form {
    background-color: black;
    color: white;
}

/* Change label text color to white */
.wpdevart-booking-form label {
    color: white;
}

/* Style the reservation info text */
.wpdevart-booking-form .reserv_info_cell,
.wpdevart-booking-form .reserv_info_cell_value {
    color: white;
}

/* Change text for additional form elements */
.wpdevart-booking-form .form_title,
.wpdevart-booking-form h4 {
    color: white;
}

/* Change placeholder text color in inputs and textareas */
.wpdevart-booking-form input::placeholder,
.wpdevart-booking-form textarea::placeholder {
    color: white;
    opacity: 0.7;
}

/* Style input, select, and textarea fields */
.wpdevart-booking-form input,
.wpdevart-booking-form select,
.wpdevart-booking-form textarea {
    background-color: black;
    color: white;
    border: 1px solid white;
}

/* Style dropdown menus */
.wpdevart-booking-form select option {
    background-color: black;
    color: white;
}

/* Style the submit button */
.wpdevart-booking-form .wpdevart-submit {
    background-color: black;
    color: white;
    border: 1px solid white;
    padding: 10px 20px;
    cursor: pointer;
}

.wpdevart-booking-form .wpdevart-submit:hover {
    background-color: white;
    color: black;
}

/* Style checkbox labels and links */
.wpdevart-booking-form a {
    color: white;
    text-decoration: underline;
}

.wpdevart-booking-form input[type="checkbox"] + label {
    color: white;
}

/* Ensure dropdown options are visible */
.wpdevart-booking-form select {
    background-color: black;
    color: white;
}

/* Adjust text inside dynamic fields like .reserv_info_cell */
.wpdevart-booking-form .reserv_info_cell,
.wpdevart-booking-form .reserv_info_row span {
    color: white;
}

/* Adjust total price and sale price text */
.wpdevart-booking-form .total_price,
.wpdevart-booking-form .price,
.wpdevart-booking-form .sale_total_price {
    color: white;
}


.wpdevart-booking-form {
    background-color: black;
    color: white;
}

.wpdevart-booking-form label {
    color: white;
}

/* Add your single line here */
.wpdevart-booking-form .wpdevart-fild-item-container label { color: white; }

/* Other styles you already have */
.wpdevart-booking-form input,
.wpdevart-booking-form select,
.wpdevart-booking-form textarea {
    background-color: black;
    color: white;
    border: 1px solid white;
}

/* Hide the Item count field */
.wpdevart-fild-item-container label[for="wpdevart_count_item1"], 
.wpdevart-fild-item-container #wpdevart_wrap_count_item1 {
    display: none;
} 

/* Keep the original colors for available and booked days */
.booking_calendar_main .wpdevart-day.available {
    background-color: green !important; /* Set original green for available days */
    color: white !important; /* Keep text white */
}

/* Target the available days */
.booking_calendar_main .wpdevart-day[data-status="available"] {
    background-color: green !important;
    color: white !important;
}

/* Target the booked days */
.booking_calendar_main .wpdevart-day[data-status="booked"] {
    background-color: red !important;
    color: white !important;
}

/* If data-status isn't used, target based on other classes or attributes */
.booking_calendar_main .wpdevart-day.wpdevart-available {
    background-color: green !important;
    color: white !important;
}

.booking_calendar_main .wpdevart-day.wpdevart-booked {
    background-color: red !important;
    color: white !important;
}

#check-info-1 {
    color: white !important;
}

/* Custom button styles for wpdevart-submit */
#wpdevart-submit1 {
    background-color: transparent !important; /* Transparent background */
    border: 1px solid #fff !important; /* 1px white border */
    color: #fff !important; /* White text */
    border-radius: 15px !important; /* Bigger border radius */
    padding: 10px 20px !important; /* Adjust padding for button size */
    font-size: 16px !important; /* Adjust font size */
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease !important; /* Smooth transition for hover effect */
}

#wpdevart-submit1:hover {
    background-color: rgba(255, 255, 255, 0.1) !important; /* Slight background color on hover */
    border-color: #fff !important; /* Ensure the border remains white */
}

#wpdevart-submit1 i {
    margin-left: 10px !important; /* Space between text and spinner */
}

/* Fix the split cell's background color above 16 */
.booking_calendar_main_container .wpda-day-header:before,
.booking_calendar_main_container .wpda-day-header:after {
    background-color: black !important; /* Set background to black */
    height: 100% !important;
    width: 50% !important; /* Split style adjustment */
}

/* Ensure text remains white */
.booking_calendar_main_container .wpda-day-number {
    color: white !important; /* Keep text white */
}

/* Fix the split cell's background color above 16 */
.booking_calendar_main_container .wpda-day-header:before,
.booking_calendar_main_container .wpda-day-header:after {
    background-color: black !important; /* Set background to black */
    height: 100% !important;
    width: 50% !important; /* Split style adjustment */
}

/* Ensure text remains white */
.booking_calendar_main_container .wpda-day-number {
    color: white !important; /* Keep text white */
}

/* Highlight picked dates with a grayish background */
.booking_calendar_main .wpdevart-day.selected {
    background-color: #666 !important; /* Grayish background */
    color: white !important; /* Ensure text remains readable */
    border: 1px solid #fff !important; /* Optional: Keep a white border for clarity */
    border-radius: 5px; /* Optional: Add rounded corners for consistency */
}

.current-date-info {
    display: flex;
    flex-direction: row; /* Arrange elements in a row */
    justify-content: center; /* Center the content */
}

.wpda-current-year {
    order: 2; /* Move the year after the month */
    margin-left: 5px; /* Add some spacing */
}

.wpda-current-month {
    order: 1; /* Ensure the month comes first */
}

.wpdevart_link.prev_year_info,
.wpdevart_link.next_year_info {
    display: none !important;
}

.wpda-booking-calendar-head {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Ensure elements are spaced out */
    position: relative;
}

.current-date-info {
    position: absolute; /* Make it independent of the left and right links */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.wpda-previous,
.wpda-next {
    flex: 0 0 auto; /* Prevent resizing or overlapping */
}

.wpda-current-month,
.wpda-current-year {
    display: inline;
    margin: 0 5px;
}


.wpdevart-legends-available .legend-div {
    width: 12px; /* Adjust size if needed */
    height: 12px;
    background-color: #008000; /* Green */
    display: inline-block;
    margin-right: 5px;
}

/* Style for the legend square of Booked */
.wpdevart-legends-pending .legend-div {
    width: 12px; /* Adjust size if needed */
    height: 12px;
    background-color: red; /* Red */
    display: inline-block;
    margin-right: 5px;/* End custom CSS */