/* Fallback styles for missing images */
.room-card img, .tour-card img, .about-image img, .restaurant-image img {
    background: linear-gradient(135deg, #e0e0e0 0%, #f5f5f5 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 1.2rem;
    position: relative;
}

.room-card img::after, .tour-card img::after, .about-image img::after, .restaurant-image img::after {
    content: 'Image Coming Soon';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Poppins', sans-serif;
}

/* Logo styling - remove fallback styles that are overriding the actual images */
.logo {
    height: 50px;
    width: auto;
    object-fit: contain;
    /* Remove fallback background styles */
    background: none !important;
    color: initial !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-weight: initial !important;
    font-size: initial !important;
}

.logo::after {
    display: none !important;
}

/* Footer logo styling */
.footer-logo {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 1rem;
}

.footer-logo-img {
    height: 60px;
    width: auto;
    object-fit: contain;
    /* Remove any fallback styling */
    background: none !important;
    color: initial !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.footer-logo-img::after {
    display: none !important;
}

.footer-logo h3 {
    margin: 0;
    color: var(--primary-color);
}