/* BS5 additions */
.dropdown-menu-sm {
    min-width: 120px;
}

.dropdown-menu-fit {
    min-width: auto;
    width: max-content;
}

/* RLT relateds */
[dir="rtl"] .accordion-button::after {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Bootrap form select inpur rtl  */
.form-select-rtl {
    direction: rtl;
    text-align: right;
    padding-right: .75rem !important;
    padding-left: 2.25rem !important;
    background-position: left .75rem center !important;
}

/* Responsive form elements - md on desktop, lg on mobile */
/* Desktop */
.responsive-control,
.responsive-select {
    height: calc(1.5em + .5rem + 2px); /* roughly Bootstrap md/default */
    padding: .375rem .75rem;
    font-size: 1rem;
}

.responsive-label {
    font-size: 1rem;
}

/* Mobile */
@@media (max-width: 767.98px) {
    .responsive-control,
    .responsive-select {
        height: calc(1.5em + 1rem + 2px); /* roughly Bootstrap lg */
        padding: .5rem 1rem;
        font-size: 1.1rem;
        //1.25rem;
    }

    .responsive-label {
        font-size: 1.1rem;
    }
}

.btn-mobile-lg {
    /* Desktop default */
}

@@media (max-width: 768px) {
    .btn-mobile-lg {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        border-radius: 0.5rem;
    }
}

/* Offcanvas rtl handling */
.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

    /* Remove Bootstrap's default close-button margins */
    .offcanvas-header .btn-close {
        margin: 0;
    }

/* Make right/left off canvs size to full screen on mobile */
@@media (max-width: 767.98px) {
    .offcanvas-start,
    .offcanvas-end {
        width: 100vw !important;
        max-width: 100vw !important;
    }
}

.invalid-feedback {
    font-size: 0.875rem;
    font-weight: 500;
}