/* * ไฟล์ style.css
 * ใช้ร่วมกันทั้งหน้าเว็บหลัก (Frontend) และระบบหลังบ้าน (Admin)
 */

/* นำเข้าฟอนต์ Sarabun จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap');

body {
    background-color: #f3f4f6;
    font-family: 'Sarabun', sans-serif;
}

/* =========================================
   หน้าเว็บหลัก (Frontend)
   ========================================= */
.hero-banner {
    background-image: linear-gradient(rgba(30, 58, 138, 0.8), rgba(30, 58, 138, 0.8)), url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
}

/* =========================================
   ระบบหลังบ้าน (Admin Backend)
   ========================================= */
/* ปรับแต่ง Scrollbar ให้ดูสวยงามขึ้นสำหรับ Sidebar และตาราง */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #9ca3af; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6b7280; 
}