/* 
 * Color Override CSS
 * This file replaces the gold/bronze color scheme (#aa8453) with the new red color scheme (#A42734)
 * throughout the website
 */

/* Primary Color Updates */
.location-badge,
.banner-btn.primary-btn,
.booking-form button[type="submit"],
.theme-btn,
.check-availability-btn,
.continue-booking-btn:not([disabled]),
.proceed-to-payment-btn,
.counter-btn:hover,
.guests-trigger:hover, 
.guests-trigger:focus,
.form-control:focus,
.select-indicator,
.icon-box i,
.next-steps li i,
.btn-style-one,
.main-btn,
.btn-theme,
.nav-tabs .nav-link.active,
.tabs-style-one .tab-btn.active-btn,
.language-dropdown .current,
.date-range-widget .flatpickr-day.selected,
.benefit-icon,
.social-icon-two li a:hover,
.about-widget .social-icon li a:hover {
    border-color: #A42734 !important;
}

/* Hover states for buttons and interactive elements */
.banner-btn.primary-btn:hover,
.booking-form button[type="submit"]:hover,
.check-availability-btn:hover,
.continue-booking-btn:not([disabled]):hover,
.proceed-to-payment-btn:hover,
.btn-style-one:hover,
.main-btn:hover,
.btn-theme:hover {
    background-color: #841C29 !important;
    border-color: #841C29 !important;
}


/* Border color updates */
.room-card.selected,
.room-card:hover,
input:focus,
.booking-summary,
.form-control:focus,
textarea:focus,
.main-header .header-upper .search-btn:hover,
.main-header .header-upper .cart-btn:hover,
.accordion-button:not(.collapsed),
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.room-card.selected {
    border-color: #A42734 !important;
}

/* Border left color updates */
.booking-summary,
.blockquote,
.testimonial-block blockquote {
    border-left: 4px solid #A42734 !important;
}

/* Gradient backgrounds */
.modal-overlay .modal-content .modal-header,
.feature-block .inner-box:before,
.benefits-section .benefit-item:hover,
.section-title h2:after,
.sticky-header.fixed-header .main-menu .navigation > li.current > a:before,
.sticky-header.fixed-header .main-menu .navigation > li:hover > a:before,
.room-btn:before,
.process-block .count,
.price-feature-item:hover,
.special-heading:after {
    background: linear-gradient(135deg, #A42734 0%, #C33D49 100%) !important;
}

/* Linear gradients */
.benefit-card::before,
.special-requests::before,
.scroll-to-top,
.btn-style-two:hover,
.room-btn:before,
.progress-bar {
    background: linear-gradient(90deg, #A42734, #C33D49) !important;
}

/* Vertical gradients */
.attraction-card .image-overlay,
.gallery-item .overlay,
.services-block .image:before,
.room-block .image:before {
    background: linear-gradient(to bottom, transparent 0%, #A42734 100%) !important;
}

/* Box shadows with the new color */
.check-availability-btn,
.proceed-to-payment-btn,
.continue-booking-btn:not([disabled]),
.btn-style-one,
.btn-theme {
    box-shadow: 0 4px 15px rgba(164, 39, 52, 0.3) !important;
}

/* Hover box shadows */
.check-availability-btn:hover,
.proceed-to-payment-btn:hover,
.continue-booking-btn:not([disabled]):hover,
.btn-style-one:hover,
.btn-theme:hover {
    box-shadow: 0 6px 20px rgba(164, 39, 52, 0.4) !important;
}

/* Background color with opacity */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: rgba(164, 39, 52, 0.8) !important;
    border-color: rgba(164, 39, 52, 0.8) !important;
}

/* Hero Banner Specific Overrides */
.hero-banner .banner-content .location-badge {
    background-color: rgba(164, 39, 52, 0.9) !important;
}

.hero-banner .banner-buttons .banner-btn.primary-btn {
    background-color: #A42734 !important;
    border-color: #A42734 !important;
}

.hero-banner .banner-buttons .banner-btn.primary-btn:hover {
    background-color: #841C29 !important;
    border-color: #841C29 !important;
}

/* Room Booking Elements */
.room-features li i,
.amenity-item i,
.availability-calendar .ui-datepicker-calendar .ui-state-active,
.room-availability-checker .date-picker .flatpickr-day.selected {
    color: #A42734 !important;
}

.room-booking-action-btn,
.room-view-more-btn {
    background-color: #A42734 !important;
    border-color: #A42734 !important;
}

.room-booking-action-btn:hover,
.room-view-more-btn:hover {
    background-color: #841C29 !important;
    border-color: #841C29 !important;
}

/* Additional Overrides for Common Elements */
.section-heading h2::after,
.fancy-heading::after,
.page-title h1::after,
.widget-title::after {
    background-color: #A42734 !important;
}

.preloader {
    border-top-color: #A42734 !important;
}

/* Livewire Components Styling */
[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {
    border-top-color: #A42734 !important;
}

/* Livewire booking-form component */
.booking-form .room-card.selected,
.booking-form .room-card.selected:after,
.booking-form .room-selection-modal .select-indicator,
.booking-form .continue-booking-btn:not([disabled]) {
    background-color: #A42734 !important;
    border-color: #A42734 !important;
}

.booking-form .continue-booking-btn:not([disabled]):hover {
    background-color: #841C29 !important;
    border-color: #841C29 !important;
}

.booking-form .room-card:hover {
    border-color: rgba(164, 39, 52, 0.5) !important;
}

.booking-form .room-selection-dates strong,
.booking-form .room-selection-footer .btn-cancel:hover {
    color: #A42734 !important;
}

/* Animation keyframes for pulse effects */
@keyframes selectedPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(164, 39, 52, 0.6);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(164, 39, 52, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(164, 39, 52, 0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(164, 39, 52, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(164, 39, 52, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(164, 39, 52, 0);
    }
}