/*
 * 🌗 สลับธีมสว่าง/มืด — สไตล์ปุ่มสลับ (ใช้ร่วมกันทุกหน้า) + ค่าตั้งต้นสำหรับธีมสว่าง
 * แบบทั่วไปที่ยังไม่มี override เฉพาะหน้า (หน้าที่มี CSS ธีมสว่างของตัวเองอยู่แล้วจะ override ทับส่วนนี้)
 */
.theme-toggle-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: inherit;
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s, transform .2s;
    font-size: 0.95rem;
}
.theme-toggle-btn:hover { background: rgba(255, 255, 255, 0.18); transform: rotate(15deg); }
[data-bs-theme="light"] .theme-toggle-btn { background: rgba(0, 0, 0, 0.06); border-color: rgba(0, 0, 0, 0.15); color: #18181b; }
[data-bs-theme="light"] .theme-toggle-btn:hover { background: rgba(0, 0, 0, 0.12); }

/* ค่าตั้งต้นทั่วไปสำหรับธีมสว่าง บนหน้าที่ยังไม่มีสไตล์ธีมสว่างเฉพาะของตัวเอง */
[data-bs-theme="light"] body { background-color: #f4f4f5; color: #18181b; }
[data-bs-theme="light"] .text-white { color: #18181b !important; }
[data-bs-theme="light"] .text-muted { color: #52525b !important; }
[data-bs-theme="light"] .text-gray-400 { color: #71717a !important; }
[data-bs-theme="light"] a.nav-clean-link { color: #3f3f46; }
[data-bs-theme="light"] footer { background: #ececef !important; border-top-color: #e4e4e7 !important; }