@font-face {
    font-family: KanitR;
    src: url('../fonts/Kanit-Regular.ttf');
}
@font-face {
    font-family: KanitM;
    src: url('../fonts/Kanit-Medium.ttf');
}
@font-face {
    font-family: KanitSB;
    src: url('../fonts/Kanit-SemiBold.ttf');
}
.fothr{
    font-family: KanitR;
}
.fothm{
    font-family: KanitM;
}
.fothsb{
    font-family: KanitSB;
}

/* พาเลตสีหลัก (โทนอ่อน สดใส แต่สบายตา) */
:root {
    --ts-primary: #60a5fa;      /* ฟ้าอ่อน */
    --ts-primary-soft: #e0f2fe; /* ฟ้าอ่อนมาก */
    --ts-secondary: #fb923c;    /* ส้มพาสเทล */
    --ts-bg: #f9fafb;           /* พื้นหลังอ่อน */
    --ts-text-main: #111827;
    --ts-text-muted: #6b7280;
}

body {
    background-color: var(--ts-bg);
    color: var(--ts-text-main);
}

/* Navbar สดใสโทนอ่อน */
.navbar.ts-navbar {
    background: linear-gradient(90deg, #e0f2fe, #bfdbfe);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
}
.ts-navbar .navbar-brand,
.ts-navbar .nav-link,
.ts-navbar .navbar-text {
    color: #0f172a !important;
}
.ts-navbar .nav-link:hover,
.ts-navbar .nav-link:focus {
    color: #1d4ed8 !important;
}
.ts-navbar .dropdown-menu {
    border-radius: 10px;
    border: none;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15);
}
.ts-navbar .dropdown-item:hover {
    background-color: var(--ts-primary-soft);
    color: var(--ts-primary);
}

/* ปุ่มหลัก */
.btn-primary,
.btn-success,
.btn-warning {
    border-radius: 999px;
}
.btn-success {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border: none;
}
.btn-success:hover {
    background: linear-gradient(135deg, #16a34a, #15803d);
}
.btn-warning {
    background: linear-gradient(135deg, #f97316, #ea580c);
    border: none;
    color: #fff;
}
.btn-warning:hover {
    background: linear-gradient(135deg, #ea580c, #c2410c);
}

/* กล่อง section หลักในหน้า content */
.ts-card-main {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
    padding: 18px 20px;
}

/* ตาราง */
table.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgba(37, 99, 235, 0.03);
}
table.table-secondary {
    background-color: #f9fafb;
}

/* ลิงก์ disabled */
a.disabled{
  pointer-events: none;
  opacity: .65;
}