/* Select2 Product Mobile Navigation Styles */

/* Mobile Select2 dropdown styling */
@media screen and (max-width: 744px) {
    /* Mobile navigation container */
    .mobile-nav {
        display: flex !important;
        align-items: center;
        gap: 16px;
    }

    /* Style the select dropdown */
    .mobile-product-nav-select {
        flex: 1;
        padding: 12px 16px;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #434B5E;
        border: 2px solid #1A21C7;
        border-radius: 8px;
        background-color: white;
    }

    .mobile-enquire {
        margin: 0 !important;
        white-space: nowrap;
    }

    .product-navigation.mobile-nav {
        flex-direction: column;
    }

    .product-enquire-button.mobile-enquire {
        position: relative;
    }

    .product-navigation.mobile-nav .product-enquire-button.mobile-enquire {
        margin: 0px;
        right: unset;
        width: 100%;
    }

    .mobile-product-nav-select {
        width: 100%;
    }
}

/* Select2 customization for mobile product navigation */
@media screen and (max-width: 744px) {
    .select2-container--default .select2-selection--single {
        height: 48px;
        border: 2px solid #1A21C7;
        border-radius: 8px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 44px;
        padding-left: 16px;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #434B5E;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 44px;
        right: 16px;
    }

    /* Hide close button and remove all items elements */
    .select2-selection__clear,
    [aria-label*="Remove"],
    [aria-label*="remove"],
    [aria-label*="clear"],
    [title*="Remove"],
    [title*="remove"],
    [title*="clear"] {
        display: none !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #434B5E transparent transparent transparent;
        border-width: 8px 7px 0 7px;
    }

    .select2-dropdown {
        z-index: 99999;
        margin-top: 45px;
    }

    .select2-selection {
        display: flex;
        align-items: center;
    }

    .select2-container .select2-selection--single {
        display: flex;
        align-items: center;
    }

    .select2-results__option {
        padding-left: 19px;
    }

    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: #1A21C7;
    }

    .select2-container--default .select2-results__option--selected {
        background-color: #E9F1FB;
    }
}