/* therap-bootstrap-2026.5.1.css — Bootstrap 5.3.8 WCAG 2.2 AA contrast overrides */

/* Muted / help text */
.text-muted,
.help-block {
    color: #767676;
}

/* Placeholder text */
.form-control::-webkit-input-placeholder {
    color: #767676;
}

.form-control::-moz-placeholder {
    color: #767676;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #767676;
}

.form-control::placeholder {
    color: #767676;
}

/* .btn-primary */
.btn-primary {
    --bs-btn-bg: #2e6da4;
    --bs-btn-border-color: #286090;
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: #204d74;
    --bs-btn-hover-border-color: #1b3d5f;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: #1b3d5f;
    --bs-btn-active-border-color: #163250;
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-bg: #2e6da4;
    --bs-btn-disabled-border-color: #286090;
    --bs-btn-disabled-color: #fff;
}

/* .btn-danger */
.btn-danger {
    --bs-btn-bg: #c0392b;
    --bs-btn-border-color: #a93226;
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: #a93226;
    --bs-btn-hover-border-color: #922b21;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: #922b21;
    --bs-btn-active-border-color: #7a241c;
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-bg: #c0392b;
    --bs-btn-disabled-border-color: #a93226;
    --bs-btn-disabled-color: #fff;
}

/* .btn-light */
.btn-light {
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #949494;
    --bs-btn-color: #333;
    --bs-btn-hover-bg: #e6e6e6;
    --bs-btn-hover-border-color: #949494;
    --bs-btn-hover-color: #333;
    --bs-btn-active-bg: #d4d4d4;
    --bs-btn-active-border-color: #949494;
    --bs-btn-active-color: #333;
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #949494;
    --bs-btn-disabled-color: #333;
}

/* Alerts */
.alert-success {
    color: #2d5e2e;
}

.alert-success a,
.alert-success .alert-link {
    color: #1f3f1f;
}

.alert-info {
    color: #245f7a;
}

.alert-info a:not(.btn),
.alert-info .alert-link:not(.btn) {
    color: #194557;
}

.alert-warning {
    color: #6d5325;
}

.alert-warning a,
.alert-warning .alert-link {
    color: #4e3b1a;
}

.alert-danger {
    color: #8b2020;
}

.alert-danger a,
.alert-danger .alert-link {
    color: #641717;
}

/* .form-control / .form-select / .input-group-text border */
.form-control,
.form-select,
.input-group-text {
    border-color: #949494;
}

/* .input-group-text — restore Bootstrap 5.1.3 gray background lost in 5.3.8 upgrade */
.input-group-text {
    background-color: #e9ecef;
    color: #212529;
}

/* Readonly form fields — gray background for non-editable fields */
.form-control[readonly] {
    background-color: #e9ecef;
}

.form-control:focus,
.form-select:focus {
    border-color: #5199d4;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(81, 153, 212, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(81, 153, 212, 0.6);
}

/* .form-check-input (checkbox / radio) border & focus ring */
.form-check-input {
    border-color: #949494;
}

.form-check-input:focus {
    border-color: #5199d4;
    box-shadow: 0 0 0 0.25rem rgba(81, 153, 212, 0.25);
}

/* Popover border */
.popover {
    --bs-popover-border-color: rgba(0, 0, 0, 0.45);
}

/* .btn-default — Bootstrap 3 legacy class, fully styled for Bootstrap 5 */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #949494;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #767676;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
:not(.btn-check) + .btn-default:active,
.btn-default:first-child:active {
    color: #333;
    background-color: #d4d4d4;
    border-color: #767676;
}

/* Close icon */
.close {
    color: #767676;
    opacity: 1;
}

.close:focus,
.close:hover {
    opacity: 1;
    color: #000;
}

/* Restore browser-default focus indicator (dotted outline)
   instead of Bootstrap 5.3's blue box-shadow ring */
.nav-link:focus-visible,
.btn:focus-visible {
    outline: revert;
    box-shadow: none;
}