/* ============================================================
   Bootstrap 4 → 5 compatibility shim (PUBLIC site only)
   ------------------------------------------------------------
   The project runs Bootstrap 5.3.8, but several legacy PUBLIC render
   templates still emit Bootstrap-4-era utility classes
   (``font-weight-bold``, ``close``, ``no-gutters``, ``ml-*``/``mr-*`` …).
   In BS5 those class names do not exist, so the styles silently vanish —
   one of the root causes of "some styles are not ok".

   Rather than edit every public plugin template (risky, and some are
   shared with dashboard change-form variants), re-map the handful of BS4
   names actually emitted by the public templates onto their BS5
   equivalents. Deliberately small and additive — it never overrides a
   real BS5 rule except to *add* the missing legacy alias.

   Loaded from themes/theme1/templates/base.html after bootstrap.min.css.
   ============================================================ */

/* ---- font weight ---- */
.font-weight-bold { font-weight: 700 !important; }
.font-weight-bolder { font-weight: 800 !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-light { font-weight: 300 !important; }

/* ---- text alignment (BS4 → BS5 logical aliases) ---- */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; }

/* ---- floats (BS4 physical → BS5 logical) ---- */
.float-left { float: left !important; }
.float-right { float: right !important; }
[dir="rtl"] .float-left { float: right !important; }
[dir="rtl"] .float-right { float: left !important; }

/* ---- margin/padding auto (BS4 physical → BS5 logical) ---- */
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
[dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; }

/* ---- grid gutters ---- */
.no-gutters { --bs-gutter-x: 0; --bs-gutter-y: 0; }

/* ---- close button (BS4 ``.close`` → BS5 ``.btn-close``) ---- */
.close {
    float: none;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    text-shadow: none;
    opacity: .5;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.close:hover { opacity: 1; }

/* ---- misc legacy helpers still emitted by public partials ---- */
.sr-only {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.btn-block { display: block; width: 100%; }