/* Accommodation Details Page Styles */

/* Hover effect for gallery images */
.position-relative.overflow-hidden .opacity-0 {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.position-relative.overflow-hidden:hover .opacity-0 {
    opacity: 1;
}

/* Transition for hover effects */
.transition-300 {
    transition: all 0.3s ease;
}

/* Hover effect for amenities */
.hover-bg-light:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Object fit for gallery images */
.object-fit-cover {
    object-fit: cover;
}

/* Sticky sidebar adjustments */
.sticky-top {
    top: 20px;
}

/* Card enhancements */
.card.wsus__featured_single {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card.wsus__featured_single:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Badge styling */
.badge.bg-primary {
    background-color: #397EFF !important;
    padding: 6px 12px;
    font-weight: 500;
}

/* Section title styling */
h5.border-bottom {
    font-weight: 600;
    color: #07123b;
    padding-bottom: 10px;
}

/* Button styling */
.btn-primary {
    background-color: #397EFF;
    border-color: #397EFF;
    font-weight: 500;
}

.btn-primary:hover {
    background-color: #2c6ad9;
    border-color: #2c6ad9;
}

/* Contact info icons */
.text-primary {
    color: #397EFF !important;
}

/* Availability list styling */
.list-group-item {
    border-color: rgba(0, 0, 0, 0.05);
}

/* Map container */
.ratio-4x3 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}