/* นำเข้าฟอนต์ Sarabun จาก Google Fonts เพื่อให้อ่านง่ายและเป็นทางการ */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600&display=swap');

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

/* 1. ปรับแต่งแถบเมนูด้านบน (Navbar) ให้เป็นโทนสีน้ำเงินเข้ม */
.navbar-default {
    background-color: #003366; 
    border-color: #002244;
}

/* สีของชื่อเว็บไซต์ในแถบเมนู */
.navbar-default .navbar-brand {
    color: #ffcc00 !important; 
    font-weight: 600;
}

/* สีข้อความเมนู */
.navbar-default .navbar-nav > li > a {
    color: #ffffff !important; 
    font-weight: 500;
    font-size: 16px;
}

/* สีข้อความเมนูเวลาเอาเมาส์ชี้ (Hover) */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffcc00 !important; 
    background-color: rgba(255, 255, 255, 0.1);
}

/* 2. ปรับแต่งปุ่มกดหลัก (Primary Buttons) เช่น ปุ่ม Make a Submission */
.btn-primary {
    background-color: #004a99;
    border-color: #003366;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #ffcc00;
    border-color: #e6b800;
    color: #003366;
}

/* 3. ปรับแต่งส่วนหัวของบล็อก (Block Titles) ในแถบด้านข้างให้ดูมีมิติ */
.pkp_block .title {
    background-color: #e9ecef;
    color: #003366;
    padding: 10px 15px;
    font-weight: 600;
    border-left: 4px solid #ffcc00;
    margin-bottom: 15px;
}

/* 4. ปรับแต่งส่วนท้ายเว็บไซต์ (Footer) */
.pkp_structure_footer_wrapper {
    background-color: #003366;
    color: #ffffff;
    padding: 40px 0;
    margin-top: 50px;
}

.pkp_structure_footer_wrapper a {
    color: #ffcc00;
    text-decoration: none;
}

.pkp_structure_footer_wrapper a:hover {
    text-decoration: underline;
}