/**
 * FlyonUI(themes.css 등)가 app.css 뒤에 로드되면서 Bootstrap 토글 색이 덮이는 문제 대응.
 * Bootstrap CDN을 수정할 필요 없음 — 동일한 SVG 슬롯(--bs-form-switch-bg)에 data URI로 덮어쓰기.
 * 로드 순서: layout_head.php 에서 flyonui/variants.css 직후.
 */

/* 모든 Bootstrap form-switch — 엄지(원) + accent-color */
.form-switch .form-check-input {
    accent-color: #fcbb94 !important;
}

.form-switch .form-check-input:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fcbb94'/%3e%3c/svg%3e") !important;
    background-image: var(--bs-form-switch-bg) !important;
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
}

.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important;
    background-image: var(--bs-form-switch-bg) !important;
    background-color: #fcbb94 !important;
    border-color: #fcbb94 !important;
}

.form-switch .form-check-input:focus,
.form-switch .form-check-input:focus-visible {
    border-color: rgba(252, 187, 148, 0.65) !important;
    box-shadow: 0 0 0 0.25rem rgba(252, 187, 148, 0.28) !important;
}

[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked) {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

[data-bs-theme="dark"] .form-switch .form-check-input:checked {
    background-color: #fcbb94 !important;
    border-color: #fcbb94 !important;
}

/* API 키 / 네이버 설정 커스텀 툴팁 — FlyonUI·Bootstrap 이후 확정 (본문·코드 색 덮어쓰기 방지) */
.jivestar-api-key-custom-tooltip,
.jivestar-api-key-custom-tooltip .jivestar-api-key-help-popover-body {
    color: #7e7e7e !important;
}
.jivestar-api-key-custom-tooltip .small,
.jivestar-api-key-custom-tooltip strong {
    color: #7e7e7e !important;
}
.jivestar-api-key-custom-tooltip a,
.jivestar-api-key-custom-tooltip code {
    color: #fcbb94 !important;
}
[data-bs-theme="dark"] .jivestar-api-key-custom-tooltip,
[data-bs-theme="dark"] .jivestar-api-key-custom-tooltip .jivestar-api-key-help-popover-body,
[data-bs-theme="dark"] .jivestar-api-key-custom-tooltip .small,
[data-bs-theme="dark"] .jivestar-api-key-custom-tooltip strong {
    color: #7e7e7e !important;
}
[data-bs-theme="dark"] .jivestar-api-key-custom-tooltip a,
[data-bs-theme="dark"] .jivestar-api-key-custom-tooltip code {
    color: #fcbb94 !important;
}