/*
Theme Name: Almaris Child
Theme URI: https://themewant.com/products/wordpress/almaris/
Description: Child theme for Almaris - Hotel WordPress Theme
Author: Your Name
Author URI: Your Website
Template: almaris
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: almaris-child
*/

/* Import parent theme styles */
@import url("../almaris/style.css");

/* Add your custom styles below this line */
.eshb-details-page{
    margin-top:90px;
}

.eshb-details-page .swiper-slide{
    border-left: 3px solid white;
}

.single .bs-img img {
    max-width: 600px;
}

/* Booking Form Enhancement Styles */
.eshb-form-submit-btn.loading {
    opacity: 0.7;
    cursor: not-allowed;
    position: relative;
}

.eshb-form-submit-btn.loading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    margin: auto;
    border: 2px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes button-loading-spinner {
    from {
        transform: translate(-50%, -50%) rotate(0turn);
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn);
    }
}

/* Enhanced error messaging */
.eshb-form-err .status-failed {
    background-color: #fee;
    border: 1px solid #fcc;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
}

.eshb-form-err .status-success {
    background-color: #efe;
    border: 1px solid #cfc;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
}

/* Booking engine link styling */
.booking-engine-link {
    display: inline-block;
    padding: 12px 24px;
    background-color: #007cba;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.booking-engine-link:hover {
    background-color: #005a87;
    color: white;
    text-decoration: none;
}

/* Hide the entire pricing section completely */
.eshb-booking-form .cost-calculator-wrapper {
    display: none !important;
}