/*
 * Bootstrap 5.3.8 compatibility shim — SUPPORT SITE ONLY
 * -----------------------------------------------------------------------------
 * Purpose: Bootstrap 5 ships a "reboot" that changes base typography, spacing,
 * grid gutters and component defaults compared to the Bootstrap 3.3.7 the legacy
 * .mh pages were built against. This file re-imposes the Support Site's existing
 * look so upgrading the framework does not visually shift legacy pages.
 *
 */

/* --- Base typography: keep the Support Arial 12px look on BS-rendered elements --- */
body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    color: #000;
}

/* --- Container width: preserve the fixed legacy width instead of BS5 responsive maxes --- */
.container {
    max-width: 1170px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 15px;
    padding-right: 15px;
}

/* --- Grid gutters: BS3 used 30px gutters (15px each side); BS5 default differs --- */
.row {
    margin-left: -15px;
    margin-right: -15px;
    --bs-gutter-x: 30px;
}

/* --- Headings: restore BS3 sizing/spacing (BS5 reboot zeroes top margins, resizes) --- */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h3, h3 { font-size: 24px; }
.h4, h4 { font-size: 18px; }
.h5, h5 { font-size: 14px; }

/* --- Tables: restore BS3 cell padding/borders for BS-classed tables --- */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

/* --- Horizontal rule: BS5 sets opacity:.25; restore the solid legacy divider --- */
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    opacity: 1;
}

/* --- Small helpers occasionally relied on by legacy markup --- */
.fsi { font-size: inherit; }
.bg-none { background-image: none !important; }

/* --- BS3 components removed in BS5 but still used by a few legacy pages --- */
/* .well (settings.mh toolbar) */
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}
/* .radio / .checkbox blocks (support-view.mh epic selectors) */
.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px;
}