.rtl input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


.form-control {
    padding: 10px 15px;
    border-radius: 5px;
}

/* =============================================================================
   Gutters + fluid rows (loads after Bootstrap 4).
   Centered page width + padding: use `.main-container` in `custom.css` (not Bootstrap `.container`).
   Use --theme-container-gutter-x anywhere full-bleed sections should align (e.g. announcement bar).
   ============================================================================= */

/* Fluid: same side gutters when not full-bleed (e.g. px-0). */
.container-fluid:not(.px-0) {
    padding-left: var(--theme-container-gutter-x);
    padding-right: var(--theme-container-gutter-x);
}

/* Keep Bootstrap 4 grid flush with horizontal padding */
.main-container > .row,
.container-fluid:not(.px-0) > .row {
    margin-left: calc(-1 * var(--theme-container-gutter-x));
    margin-right: calc(-1 * var(--theme-container-gutter-x));
}