/* Hotel Search Tab Styling */

/* Hotel Search Bar Container Dimensions */
#hotels-search .main_search {
    height: 110px !important;
}

/* Hotel City Box Styling */
.hotel-city-box {
    width: 240px !important;
    height: 59px !important;
    background-color: white;
    border-radius: 12px;
    border: 1px solid rgba(138, 136, 136, 1);
    opacity: 1;
}

/* Hotel Date Box Styling */
.hotel-date-box {
    width: 348px !important;
    height: 59px !important;
    background-color: white;
    border-radius: 12px;
    border: 1px solid rgba(138, 136, 136, 1);
    opacity: 1;
}

/* Hotel Travelers Box Styling */
.hotel-travelers-box {
    width: 300px !important;
    height: 59px !important;
    background-color: white;
    border-radius: 12px;
    border: 1px solid rgba(138, 136, 136, 1);
    opacity: 1;
}

/* Autocomplete positioning for hotel city */
.hotel-ac,
.hotel-ac .route-block,
.hotel-ac .route-content {
    position: relative !important;
    overflow: visible !important;
}

.hotel-ac .route-content .autocomplete-wrapper {
    position: relative !important;
    width: 100% !important;
}

.hotel-ac .route-content .autocomplete-results {
    position: absolute !important;
    top: calc(100% + 2px) !important;
    left: 0 !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    z-index: 9999 !important;
    min-width: 200px !important;
}

/* City autocomplete result styling */
.city-result {
    padding: 12px 14px !important;
    cursor: pointer;
    transition: background 0.2s ease;
}

/* Only highlight the specific hovered city */
.city-result:hover {
    background: #f3f4f6 !important;
    border-radius: 8px;
}

/* Highlight selected city via keyboard navigation */
.autocomplete-results[data-highlight="0"] .city-result:nth-child(1),
.autocomplete-results[data-highlight="1"] .city-result:nth-child(2),
.autocomplete-results[data-highlight="2"] .city-result:nth-child(3),
.autocomplete-results[data-highlight="3"] .city-result:nth-child(4),
.autocomplete-results[data-highlight="4"] .city-result:nth-child(5),
.autocomplete-results[data-highlight="5"] .city-result:nth-child(6),
.autocomplete-results[data-highlight="6"] .city-result:nth-child(7) {
    background: #f3f4f6 !important;
    border-radius: 8px;
}

.city-result .city-icon {
    font-size: 18px;
    color: #CD2374;
    margin-right: 8px;
    flex-shrink: 0;
}

.city-result .flag-icon {
    width: 20px !important;
    height: 15px !important;
    margin-right: 8px;
    flex-shrink: 0;
    border-radius: 2px;
    overflow: hidden;
}

.city-result .city-name {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    flex: 1;
}

.city-result .gap-2 {
    gap: 8px;
}

.city-result .d-flex {
    display: flex;
}

.city-result .align-items-center {
    align-items: center;
}

/* Typing hint message for autocomplete */
.autocomplete-hint {
    padding: 12px 14px;
    font-size: 13px;
    color: #6b7280;
    text-align: center;
    font-style: italic;
    border: none !important;
    border-bottom: none !important;
}

/* Remove border and styling when only showing hint message */
.hotel-ac .route-content .autocomplete-results.hint-only {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Child ages list styling */
::marker {
    color: #0d6efd;
    font-size: 1.2em;
    font-weight: bold;
}

ol {
    list-style-position: inside;
    padding: 0;
}