/* กำหนดฟอนต์พื้นฐานของเว็บไซต์ทั้งหมดเป็น Kanit */
body {
    font-family: 'Kanit', sans-serif !important;
    transition: background-color 0.3s, color 0.3s;
}

/* กำหนดฟอนต์ Chonburi สำหรับแท็บเมนูข้อความ */
.nav-tabs .nav-link {
    font-family: 'Chonburi', cursive;
    font-size: 0.95rem;
}

.login-title {
    font-family: 'Chonburi', cursive;
    font-weight: 600;
}

.btn {
    font-family: 'Kanit', sans-serif !important;
}

.card-stat {
    border-left: 4px solid var(--bs-secondary);
    transition: transform 0.2s, box-shadow 0.2s;
}

.card-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.08)!important;
}

.activity-thumb {
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
}

.activity-thumb:hover {
    transform: scale(1.03);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.font-prompt {
    font-family: 'Prompt', sans-serif !important;
}

.font-kanit {
    font-family: 'Kanit', sans-serif !important;
}

.font-chonburi-20 {
    font-family: 'Chonburi', cursive !important;
    font-size: 18px !important;
}

.prompt-custom-font {
    font-family: 'Prompt', sans-serif !important;
    font-size: 20px !important;
}

.chonburi-title-20 {
    font-family: 'Chonburi', cursive !important;
    font-size: 20px !important;
}

.chonburi-pending-text {
    font-family: 'Chonburi', cursive !important;
    font-size: 20px !important;
    color: #dc3545 !important;
}

.text-pink-light {
    color: #ffb6c1 !important;
}

/* ลิงก์ในส่วนแอดมินติดต่อบริษัท ให้เป็นสีเหลืองอ่อนสบายตา */
.admin-comment-link,
.admin-comment-link:hover,
.admin-comment-link:focus,
.admin-comment-link:active {
    color: #d39e00 !important;
    text-decoration: none !important;
}

/* สไตล์สำหรับการแสดงผล Dynamic Color ตาม Light/Dark Mode */
[data-bs-theme="light"] .theme-dynamic-color {
    color: #000000 !important;
    font-weight: bold;
}
[data-bs-theme="dark"] .theme-dynamic-color {
    color: #ffc107 !important;
    font-weight: bold;
}

.yellow-circle-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ffc107;
    color: #000;
    font-weight: bold;
}

/* สไตล์สำหรับแต่งสีตัวเลือกในดรอปดาวน์สีที่ชอบ */
option.bg-purple { background-color: #800080; color: #fff; }
option.bg-indigo { background-color: #4b0082; color: #fff; }
option.bg-blue { background-color: #0000ff; color: #fff; }
option.bg-green { background-color: #008000; color: #fff; }
option.bg-yellow { background-color: #ffd700; color: #000; }
option.bg-orange { background-color: #ffa500; color: #000; }
option.bg-red { background-color: #ff0000; color: #fff; }
option.bg-white { background-color: #ffffff; color: #000; }
option.bg-black { background-color: #000000; color: #fff; }
option.bg-sky { background-color: #00bfff; color: #000; }