/* ====================================================================
   Bootstrap 4-kompatibilitetsshim - laddas ENDAST i BS5-läget (?bs5theme=on),
   dvs. när temat körs utan sin inbäddade Bootstrap 4 (style-bs5.css).

   Markupen innehåller ~650 förekomster av klasser som togs bort eller bytte
   namn i Bootstrap 5. I stället för att röra alla ställen stylas de här,
   med samma utseende som BS4 gav. Krymper i takt med att markupen städas -
   målet är att filen ska kunna tas bort. Se docs/ADD_BS5_THEME.md.
   ==================================================================== */

/* --- Reboot-skillnader: bevarar utseendet appen haft under BS4 --- */
/* BS5 stryker under alla länkar som standard; BS4 gjorde det bara vid hover. */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/* BS4:s motregler: a:hover ovan slår komponentklasser som .nav-link i specificitet,
   så utan de här stryks sidomenyn/tabbar/knappar under vid hover (BS4 hade exakt
   dessa undantag i sina komponent-scss:er). */
.nav-link:hover, .nav-link:focus,
.navbar-brand:hover, .navbar-brand:focus,
.dropdown-item:hover, .dropdown-item:focus,
.btn:hover, .btn:focus,
a.badge:hover, a.badge:focus,
.list-group-item-action:hover, .list-group-item-action:focus,
.page-link:hover, .page-link:focus,
.sidebar .nav .nav-item .nav-link:hover {
    text-decoration: none;
}
/* BS4 gav labels marginal; utan den klistras alla formulärrubriker mot fältet. */
label { margin-bottom: .5rem; }

/* --- Utilities som bytte namn i BS5 (text-start/end, float-start/end, fw-*) --- */
.text-left  { text-align: left !important; }
.text-right { text-align: right !important; }
.float-left  { float: left !important; }
.float-right { float: right !important; }
.font-weight-light  { font-weight: 300 !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-bold   { font-weight: 700 !important; }
.font-italic { font-style: italic !important; }

/* --- Marginal/padding: BS4:s ml-/mr-/pl-/pr- (BS5: ms-/me-/ps-/pe-) --- */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.ml-auto { margin-left: auto !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-auto { margin-right: auto !important; }
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }
@media (min-width: 576px) {
    .mr-sm-2 { margin-right: .5rem !important; }
}

/* --- Formulär --- */
/* form-group försvann i BS5 (381 förekomster i markupen). */
.form-group { margin-bottom: 1rem; }
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
/* BS5 lägger knappen direkt i .input-group utan wrapper-div. */
.input-group-append { display: flex; margin-left: -1px; }
.input-group-append .btn,
.input-group-append .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* --- Badges: BS4:s badge-* (BS5: text-bg-*). BS5:s palett, inte Star Admins. --- */
.badge-primary   { color: #fff; background-color: #0d6efd; }
.badge-secondary { color: #fff; background-color: #6c757d; }
.badge-success   { color: #fff; background-color: #198754; }
.badge-danger    { color: #fff; background-color: #dc3545; }
.badge-warning   { color: #212529; background-color: #ffc107; }
.badge-info      { color: #212529; background-color: #0dcaf0; }
.badge-light     { color: #212529; background-color: #f8f9fa; }
.badge-dark      { color: #fff; background-color: #212529; }
.badge-pill { border-radius: 50rem; }

/* --- Dropdown: BS4:s högerjustering (BS5: dropdown-menu-end) --- */
.dropdown-menu-right { right: 0; left: auto; }

/* --- DataTables + table-bordered --- */
/* DataTables sätter border-collapse:separate på sina tabeller; tillsammans med
   table-bordered lägger grannceller sina 1px-linjer bredvid varandra = 2px tjocka
   linjer. Kollapsa (högre specificitet än table.dataTable, så ordningen kvittar).
   Samma fix som hemvynens tabeller redan har per-ID i overviewhome.css. */
table.dataTable.table-bordered { border-collapse: collapse; }