/* ========== Default styles ========== */
html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    margin: 0;
    padding: 0;
    margin-bottom: 60px;
    width: 100%;
}

/* ทำให้เนื้อหาหลักแสดงผลเต็มพื้นที่ */
.full-width-page {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px;
}

/* ปรับตารางให้แสดงผลชิดซ้ายสุด */
.table-responsive {
    padding: 0;
    margin: 0;
}

/* ปุ่มต่าง ๆ โฟกัส */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* ทำเฉพาะปุ่มออกจากระบบให้เป็นสีแดงเมื่อ hover */
.dropdown-item.logout-link:hover {
    color: #fff;
    background-color: #dc3545;
    border-radius: 8px;
    transition: 0.2s ease;
}

/* Navbar toggler fallback icon */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255,255,255,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* ปรับ Form Search ให้ Flex ชิดซ้ายในหน้ากว้าง */
form#searchForm {
    padding-left: 0 !important;
}

/* ป้องกันการเว้น margin ด้านซ้ายจาก container */
.container,
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}