/*  Poppins  */
@font-face {
    font-family: 'poppinregular';
    src: url('../fonts/poppins/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins/Poppins-Bold.ttf');
}

@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins/Poppins-Light.ttf');
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf');
}

/* InterTight */
@font-face {
    font-family: 'intertightregular';
    src: url('../fonts/intertight/InterTight-Regular.ttf');
}

@font-face {
    font-family: 'intertightbold';
    src: url('../fonts/intertight/InterTight-Bold.ttf');
}

@font-face {
    font-family: 'intertightlight';
    src: url('../fonts/intertight/InterTight-Light.ttf');
}

@font-face {
    font-family: 'intertightmedium';
    src: url('../fonts/intertight/InterTight-Medium.ttf');
}

@font-face {
    font-family: 'intertightmediumitalic';
    src: url('../fonts/intertight/InterTight-MediumItalic.ttf');
}

@font-face {
    font-family: 'intertightsemibold';
    src: url('../fonts/intertight/InterTight-SemiBold.ttf');
}

/* Roboto */
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto/Roboto-Bold.ttf');
}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto/Roboto-Light.ttf');
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto/Roboto-Medium.ttf');
}

@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto/Roboto-Black.ttf');
}

@font-face {
    font-family: 'robotoblackitalic';
    src: url('../fonts/roboto/Roboto-BlackItalic.ttf');
}

@font-face {
    font-family: 'robotobolditalic';
    src: url('../fonts/roboto/Roboto-BoldItalic.ttf');
}

@font-face {
    font-family: 'robotolightitalic';
    src: url('../fonts/roboto/Roboto-LightItalic.ttf');
}

@font-face {
    font-family: 'robotomediumitalic';
    src: url('../fonts/roboto/Roboto-MediumItalic.ttf');
}

@font-face {
    font-family: 'robotoregularitalic';
    src: url('../fonts/roboto/Roboto-Italic.ttf');
}

@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto/Roboto-Thin.ttf');
}

@font-face {
    font-family: 'robotothinitalic';
    src: url('../fonts/roboto/Roboto-ThinItalic.ttf');
}


/* --- Select2 Dropdown Popup Box --- */

    /* 1. The main popup container */
    .select2-dropdown {
        border: 1px solid #DDDDDD !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* Soft shadow for depth */
        background-color: #FFFFFF;
        z-index: 1060; /* Ensures it stays on top of other elements */
        overflow: hidden;
    }

    /* Fix border radius when opening downwards/upwards */
    .select2-dropdown--below {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .select2-dropdown--above {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    /* 2. The search box area inside the dropdown */
    .select2-search--dropdown {
        padding: 10px 12px !important;
    }

    /* The actual search input field */
    .select2-search--dropdown .select2-search__field {
        font-family: 'intertightregular', sans-serif;
        font-size: 12px;
        border: 1px solid #DDDDDD !important;
        border-radius: 8px !important;
        padding: 6px 12px !important;
        outline: none;
        box-shadow: none !important;
    }

    .select2-search--dropdown .select2-search__field:focus {
        border-color: #E31E2D !important; /* Brand red border on focus */
    }

    /* 3. The list of options */
    .select2-results__options {
        font-family: 'intertightregular', sans-serif;
        font-size: 12px;
        color: #0A0A0A;
    }

    /* Individual option items */
    .select2-results__option {
        padding: 8px 12px !important;
        margin: 0 4px; /* Slight margin so highlight doesn't touch the exact edge */
        border-radius: 6px; /* Rounded highlight boxes */
        transition: background-color 0.1s ease;
    }

    /* Hover state / Highlighted option */
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: #E31E2D !important; /* Brand red */
        color: #FFFFFF !important;
    }

    /* The currently selected option in the list */
    .select2-container--default .select2-results__option--selected {
        background-color: #F9F9F9 !important; /* Light grey */
        color: #0A0A0A !important;
        font-family: 'intertightsemibold', sans-serif; /* Make it bold */
    }