/*!
 * 프로젝트 Bootstrap 오버라이드 — bootstrap-5.1.3 CDN 원본 위에서 BS3 색상+커스텀 스타일 유지용
 * bootstrap-5.1.3/bootstrap.css → 이 파일 → manhwa.css 순서로 로드
 * 분리일: 2026-04
 */

/* ===== 1. CSS 변수 오버라이드 (bootstrap-5.1.3에서 추출) ===== */
:root {
    --bs-primary: #337ab7;
    --bs-primary-rgb: 51, 122, 183;
}

/* ===== 2. 폰트 오버라이드 (manhwa.css에서 이동) ===== */
:root {
    --bs-font-sans-serif: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

/* ===== 3. 기본 요소 오버라이드 (bootstrap-5.1.3에서 추출) ===== */
a { color: #337ab7; text-decoration: underline; }
a:hover { color: #337ab7; }

/* ===== 4. 폼/버튼 border-radius (bootstrap-5.1.3에서 추출) ===== */
.form-control { border-radius: 0.3968rem; }
.badge { border-radius: 0.2rem; }
.btn {
    border-radius: 0.3968rem;
}
.btn-lg, .btn-group-lg > .btn { border-radius: 0.3968rem; }
.btn-sm, .btn-group-sm > .btn { border-radius: 0.3968rem; }
D
/* ===== 5. 테이블 오버라이드 (bootstrap-5.1.3에서 추출) ===== */
.table > :not(caption) > * > * { padding: 1.5rem 1rem; border-color: #eee; }

/* ===== 6. btn-primary 오버라이드 (bootstrap-5.1.3에서 추출) ===== */
.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; }
.btn-primary:focus { color: #fff; background-color: #286090; border-color: #204d74; box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.5); }
.btn-primary:active, .btn-primary.active { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

/* ===== 7. btn-outline-primary 오버라이드 (bootstrap-5.1.3에서 추출) ===== */
.btn-outline-primary { color: #337ab7; border-color: #2e6da4; }
.btn-outline-primary:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.btn-outline-primary:active, .btn-outline-primary.active { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.btn-outline-primary:disabled { color: #337ab7; }

/* ===== 8. 컴포넌트 primary 색상 오버라이드 (bootstrap-5.1.3에서 추출) ===== */
.dropdown-item.active, .dropdown-item:active { background-color: #337ab7; }
.nav-link { color: #337ab7; }
.nav-link:hover, .nav-link:focus { color: #337ab7; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #337ab7; }
.form-check-input:checked { background-color: #337ab7; border-color: #337ab7; }
.form-range::-webkit-slider-thumb { background-color: #337ab7; }
.form-range::-moz-range-thumb { background-color: #337ab7; }
.page-link { color: #337ab7; }
.page-link:hover { color: #337ab7; }
.page-item.active .page-link { background-color: #337ab7; border-color: #337ab7; }
.list-group-item.active { background-color: #337ab7; border-color: #337ab7; }
.progress-bar { background-color: #337ab7; }
.border-primary { border-color: #337ab7 !important; }

/* ===== 9. 커스텀 클래스 — BS5에 없는 것 (bootstrap-5.1.3에서 추출) ===== */

/* btn-xs */
.btn-xs, .btn-group-xs > .btn {
    padding: 0.0625rem 0.3125rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.3968rem;
}

/* btn-default (BS3 호환) */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}

/* btn-cancel */
.btn-cancel {
    color: #fff;
    background-color: #959595;
    border-color: #797878;
}
.btn-cancel.active, .btn-cancel.focus, .btn-cancel:active, .btn-cancel:focus, .btn-cancel:hover, .open>.dropdown-toggle.btn-cancel {
    color: #fff;
    background-color: #707070;
    border-color: #636363;
}
.btn-cancel.active, .btn-cancel:active, .open>.dropdown-toggle.btn-cancel {
    background-image: none;
}
.btn-cancel.disabled, .btn-cancel.disabled.active, .btn-cancel.disabled.focus, .btn-cancel.disabled:active, .btn-cancel.disabled:focus, .btn-cancel.disabled:hover, .btn-cancel[disabled], .btn-cancel[disabled].active, .btn-cancel[disabled].focus, .btn-cancel[disabled]:active, .btn-cancel[disabled]:focus, .btn-cancel[disabled]:hover, fieldset[disabled] .btn-cancel, fieldset[disabled] .btn-cancel.active, fieldset[disabled] .btn-cancel.focus, fieldset[disabled] .btn-cancel:active, fieldset[disabled] .btn-cancel:focus, fieldset[disabled] .btn-cancel:hover {
    background-color: #959595;
    border-color: #797878;
}
.btn-cancel .badge {
    color: #959595;
    background-color: #fff;
}

/* btn-help */
.btn-help {
    color: #252525;
    background-color: #e0e5eb;
    border-color: #b6b9bb;
    margin: 0 0.533vw;
    vertical-align: top;
}
.btn-help.active, .btn-help.focus, .btn-help:active, .btn-help:focus, .btn-help:hover, .open>.dropdown-toggle.btn-help {
    color: #252525;
    background-color: #cbcfd4;
    border-color: #a5a7a9;
}
.btn-help.active, .btn-help:active, .open>.dropdown-toggle.btn-help {
    background-image: none;
}
.btn-help.disabled, .btn-help.disabled.active, .btn-help.disabled.focus, .btn-help.disabled:active, .btn-help.disabled:focus, .btn-help.disabled:hover, .btn-help[disabled], .btn-help[disabled].active, .btn-help[disabled].focus, .btn-help[disabled]:active, .btn-help[disabled]:focus, .btn-help[disabled]:hover, fieldset[disabled] .btn-help, fieldset[disabled] .btn-help.active, fieldset[disabled] .btn-help.focus, fieldset[disabled] .btn-help:active, fieldset[disabled] .btn-help:focus, fieldset[disabled] .btn-help:hover {
    background-color: #e0e5eb;
    border-color: #b6b9bb;
}
.btn-help .badge {
    color: #e0e5eb;
    background-color: #fff;
}

/* ===== 10. manhwa.css에서 이동한 Bootstrap 확장 (2026-04) ===== */

/* btn-gray */
.btn-gray {
    color: #212529;
    background-color: #f2f2f2;
    border-color: #dcdcdc;
}
.btn-gray:hover,
.btn-gray:focus {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #cfcfcf;
}
.btn-gray:active,
.btn-gray.active {
    color: #212529;
    background-color: #dddddd;
    border-color: #c4c4c4;
}

/* spinner-border */
.spinner-border {
    border-width: 0.4rem;
}

/* btn-ssm */
.btn-ssm {
    padding: 1px 0.8vw 0vw;
    height: 4.53vw;
    line-height: 4.53vw;
    vertical-align: baseline;
    display: inline-block;
}

/* table-curved */
.table-curved {
    border-collapse: separate;
    border-radius: 0.8vw;
    padding: 0vw;
}
.table-curved tr:first-child td:first-child { border-top-left-radius: 0.8vw; }
.table-curved tr:first-child td:last-child { border-top-right-radius: 0.8vw; }
.table-curved tr:last-child td:first-child { border-bottom-left-radius: 0.8vw; }
.table-curved tr:last-child td:last-child { border-bottom-right-radius: 0.8vw; }

/* form-select.orange */
.form-select.orange { border: 1px solid #f7941d; }