/* Main Container */
#tripSearchContainer {
    max-width: 1200px;
    margin: auto;
}

/* Card Box */
#tripSearchCard {
    background: #ffffff;
    padding: 22px 24px;
    border-radius: 14px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08);
}

/* Label Wrappers */
#departureLabelWrap,
#destinationLabelWrap,
#dateLabelWrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 14px;
    color: var(--color-primary,black);
}

/* Icons */
#departureIcon,
#destinationIcon,
#dateIcon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--color-primary , #0f172a);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

/* Select Fields */
#fromSearch,
#toSearch {
    width: 100%;
    height: 46px;
    border-radius: 8px;
    border: 1px solid var(--color-primary , #ddd);
    padding: 0 12px;
}
/*/border styole*/
.select2-container--default .select2-selection--single {
border: 1px solid var(--color-primary , #aaa);

}
/*//select2 renderend?*/
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: var(--color-primary , #444)!important;

}
/*//dropdown select2 rendered background*/
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color:var(--color-primary , #5897fb) !important ;
}
/* Date Input */
#departureDate {
    width: 100%;
    height: 46px;
    border-radius: 8px;
    border: 1px solid var(--color-primary , #ddd) !important;
    padding: 0 12px;
    color:var(--color-primary , black);
}

/* Quick Search Wrapper */
#quickSearchWrap {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 30px;
}

/* Quick Date Buttons */
#quickSearchWrap button[type="button"] {
    background:var(--gradient-primary , #0f172a);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 8px 14px;
    text-align: center;
    min-width: 64px;
    cursor: pointer;
}

/* Search Button */
#searchButton {
    background: var(--color-primary, #22c55e);
    color: #ffffff;
    border: none;
    height: 75px;
    width: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
}

/* Hover Effects */
#searchButton:hover {
    opacity: 0.9;
    background: var(--color-primary-hover);
}

#quickSearchWrap button[type="button"]:hover {
    background: #1e293b;
}
.select2-container--default .select2-results__option--highlighted {
    background-color: #4a7dff;
    color: white;
}

.select2-container {
    font-size: 14px;
}
.selection{
    width: 100%;
}
/*
Source - https://stackoverflow.com/q/24347340
Posted by Ruben, modified by community. See post 'Timeline' for change history
Retrieved 2026-02-16, License - CC BY-SA 3.0
*/

/*.select2-dropdown {*/
/*    border: none !important;*/
/*}*/

/*.select2-container--default .select2-container .select2-search--dropdown .select2-search__field {*/
/*    border: 1px solid lightgray !important;*/
/*    border-radius: 5px !important;*/
/*    padding: 0.5rem !important;*/
/*}*/

/*.select2-container--default .select2-selection--single .select2-selection__placeholder {*/
/*    font-size: 12px !important;*/
/*    font-style: italic !important;*/
/*}*/
.select2-selection{
    min-height:42px !important;
    padding-left: 36px;
    padding-top: 7px;
}

.select2,.select2-container {
    width: 100% !important;
}