@font-face {
    font-family: 'Faruma';
    src: url('../Content/Faruma/Faruma.eot'), url('../Content/Faruma/Faruma.eot?#iefix') format('embedded-opentype'), url('../Content/Faruma/Faruma.woff2') format('woff2'), url('../Content/Faruma/Faruma.woff') format('woff'), url('../Content/Faruma/Faruma.ttf') format('truetype'), url('../Content/Faruma/Faruma.svg#Faruma') format('svg');
    font-weight: normal;
    font-display: swap;
}

.dhivehi {
    font-family: Faruma !important;
    direction: rtl;
    -webkit-font-smoothing: antialiased !important;
}

.small-svg img {
    width: 64px;
    height: 64px;
}

@font-face {
    font-family: 'Faseyha';
    src: url('../Content/Faseyha/Faseyha.eot'), url('../Content/Faseyha/Faseyha.eot?#iefix') format('embedded-opentype'), url('../Content/Faseyha/Faseyha.woff2') format('woff2'), url('../Content/Faseyha/Faseyha.woff') format('woff'), url('../Content/Faseyha/Faseyha.ttf') format('truetype'), url('../Content/Faseyha/Faseyha.svg#Faruma') format('svg');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Faseyha';
    src: url('../Content/Faseyha/Faseyha.eot'), url('../Content/Faseyha/Faseyha.eot?#iefix') format('embedded-opentype'), url('../Content/Faseyha/Faseyha.woff2') format('woff2'), url('../Content/Faruma/Font/Faruma.woff') format('woff'), url('../Content/Faseyha/Faseyha.ttf') format('truetype'), url('../Content/Faseyha/Faseyha.svg#Faruma') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


.faseyha {
    font-family: Faseyha !important;
    direction: rtl;
    font-size: 14px;
    -webkit-font-smoothing: antialiased !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-results__option {
    font-family: 'Faruma', sans-serif !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    font-family: 'Faruma', sans-serif !important;
}

/* Match Bootstrap 4 input height */
.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px) !important; /* same as .form-control */
    line-height: 2.25rem !important;
    padding: 0.375rem 0.75rem; /* same as Bootstrap input */
}

/* Make sure the text is vertically aligned */
/* Fix vertical alignment of rendered text & placeholder */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex !important;
    align-items: center !important; /* vertical center */
    padding-left: 0.75rem; /* match Bootstrap .form-control padding */
    padding-right: 0.75rem;
    line-height: normal !important; /* let flexbox handle alignment */
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-left: 0.5rem; /* space between text and × */
    margin-right: 0.25rem; /* space before the right edge */
    font-size: 1rem; /* optional: adjust size */
    color: #6c757d; /* optional: Bootstrap placeholder color */
    cursor: pointer;
}

/* Make Select2 placeholder match Bootstrap 4 placeholder */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6c757d !important; /* Bootstrap's placeholder color */
    opacity: 1; /* ensure it's visible like normal input */
}

/* Adjust the arrow dropdown height */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.25rem !important;
}

.underline-input {
    border: none;
    border-bottom: 1px solid #ccc; /* thin, light gray line */
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 6px 2px;
    color: inherit;
    transition: border-color 0.2s ease-in-out;
}

.underline-input:focus {
    border-bottom: 1px solid #999; /* slightly darker when focused */
    outline: none;
    box-shadow: none;
}

.underline-input::placeholder {
    color: #b5b5b5;
    opacity: 0.8;
}