/* ===== Bootstrap 3 look compatibility for Bootstrap 5 ===== */

/* Inputs */
.form-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 4px;
}

/* Labels */
label {
    font-weight: 400;
    margin-bottom: 5px;
}

/* Buttons */
.btn {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 4px;
}

/* Primary button color (keep original brightness) */
.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
}

/* Reduce vertical spacing */
.mb-3,
.mb-4 {
    margin-bottom: 10px !important;
}

/* Headings */
h1, h2, h3 {
    font-weight: 500;
}

/* Login container spacing */
.container {
    padding-top: 20px;
}

/* Navbar – remove Bootstrap 5 background */
.navbar,
.navbar.bg-light {
    background-color: transparent !important;
    border: none !important;
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
}

/* Navbar item spacing */
.navbar-nav .nav-item {
    margin-right: 12px;
}

/* Navbar links – NO underline, compact spacing */
.navbar-nav .nav-link {
    text-decoration: none !important;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
}

/* Navbar hover – keep original behavior */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    text-decoration: none !important;
    background-color: transparent;
}
.form-check-input[type="radio"] {
    width: 16px;
    height: 16px;
    border-radius: 50% !important;
    appearance: auto;          /* ✅ ensures proper native circle */
    -webkit-appearance: radio; /* ✅ fixes Chrome/Safari rendering */
}

#upload-btn {
    border-radius: 6px;
    padding: 6px 12px;
    height: auto;         /* ✅ important */
    line-height: normal;  /* ✅ important */
}