/* Error Fixes CSS */

/* Fallback styles for missing CSS components */

/* Nice Select fallback */
.nice-select {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
    position: relative;
    min-width: 120px;
}

.nice-select:after {
    content: '\25BC';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #999;
}

.nice-select.open:after {
    transform: translateY(-50%) rotate(180deg);
}

/* Font Awesome icon fallbacks */
.fa-home:before { content: '🏠'; }
.fa-map-marker-alt:before { content: '📍'; }
.fa-users:before { content: '👥'; }
.fa-bed:before { content: '🛏️'; }
.fa-bath:before { content: '🛁'; }

/* Prevent layout shifts from missing resources */
img[src*=".svg"] {
    width: auto;
    height: auto;
    max-width: 100%;
}

/* Fix for broken image placeholders */
img[src=""]:before,
img:not([src]):before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f0f0f0;
    border-radius: 2px;
}

/* Console error suppression for missing elements */
.search-box input:focus {
    outline: 2px solid #2A64FA;
}

/* Error prevention styles */
.destination-results {
    display: none;
}

.destination-results.active {
    display: block;
}

/* Smooth transitions for error-prone elements */
* {
    transition: none !important;
}

.breadcrumb-nav,
.villa-main-title,
.header-area {
    transition: all 0.3s ease;
}