/* ==========================================================================
   COMPAT LAYER
   Utility / legacy class names that the Razor markup uses but that the
   bundled stylesheets do not define.

   Why this file exists:
     - bootstrap.min.css in this project is v5.1.2, while much of the markup
       was written against the Bootstrap 5.2 / 5.3 utility set
       (rounded-4, *-subtle, *-emphasis, overflow-y-auto, object-fit-cover, ...)
       and against a few Tailwind-style helpers (shadow-xs, min-w-0, text-sm).
     - A handful of removed Bootstrap 3 / 4 names are still referenced
       (form-group, btn-block, table-condensed, text-right, font-weight-normal).

   Values below match the upstream definitions in light mode so the result
   looks like stock Bootstrap 5.3 / Tailwind. Nothing here overrides an
   existing class: every selector was previously undefined.
   ========================================================================== */

/* ------------------------------ radius ------------------------------ */
.rounded-4 {
    border-radius: 1rem !important;   /* BS 5.2+ --bs-border-radius-xl */
}

/* --------------------------- typography ----------------------------- */
.fw-semibold {
    font-weight: 600 !important;      /* BS 5.2+ */
}

.text-sm {
    font-size: .875rem !important;    /* Tailwind text-sm */
    line-height: 1.55 !important;
}

.font-weight-normal {                 /* BS 4 name */
    font-weight: 400 !important;
}

.text-right {                         /* BS 4 name (BS5: .text-end) */
    text-align: right !important;
}

/* ----------------------------- shadows ------------------------------ */
.shadow-xs {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05) !important;  /* Tailwind shadow-xs */
}

/* --------------------- subtle / emphasis colors ---------------------
   BS 5.3 -subtle backgrounds and -emphasis text, resolved for light mode. */
.bg-primary-subtle  { background-color: #cfe2ff !important; }
.bg-success-subtle  { background-color: #d1e7dd !important; }
.bg-info-subtle     { background-color: #cff4fc !important; }
.bg-warning-subtle  { background-color: #fff3cd !important; }
.bg-light-subtle    { background-color: #fcfcfd !important; }

.border-primary-subtle { border-color: #b6d4fe !important; }
.border-success-subtle { border-color: #badbcc !important; }
.border-light-subtle   { border-color: #e9ecef !important; }

.text-warning-emphasis { color: #664d03 !important; }

/* ------------------------------ layout ------------------------------ */
.z-1 {
    z-index: 1 !important;
}

.min-vh-50 {
    min-height: 50vh !important;
}

.min-w-0 {
    min-width: 0 !important;
}

.w-sm-auto {
    /* no effect below the sm breakpoint, exactly like the BS responsive helpers */
}

@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }
}

/* ---------------------------- overflow ------------------------------ */
.overflow-y-auto {
    overflow-y: auto !important;
}

.object-fit-cover {
    object-fit: cover !important;
}

/* ---------------------- BS 3 / 4 leftovers -------------------------- */
.form-group {
    margin-bottom: 1rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
    padding: 5px;
}

/* rtl notes -------------------------------------------------------------
   text-right above is intentionally a physical direction (the markup uses it
   on textareas to force right alignment regardless of the document dir).  */