@font-face {
  font-family: 'Phetsarath OT';
  src: url('../fonts/PhetsarathOT.woff2') format('woff2'),
       url('../fonts/PhetsarathOT.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Custom Styles for XANG SOBO */

body {
    font-family: 'Noto Sans Lao', sans-serif; /* เปลี่ยนเป็นฟอนต์ใหม่ */
    background-color: #f0f2f5;
    background-image: url('../images/background.jpg'); /* ບອກທີ່ຢູ່ຂອງຮູບພາບ */
    background-size: cover; /* ຂະໜາດຂອງຮູບໃຫ້ປົກຄຸມພື້ນທີ່ທັງໝົດ */
    background-repeat: no-repeat; /* ບໍ່ໃຫ້ຮູບພາບສະແດງຊ້ຳ */
    background-attachment: fixed; /* ໃຫ້ພື້ນຫຼັງຢູ່ຄົງທີ່ເວລາເລື່ອນໜ້າ */
}

/* --- Styling for Tabs --- */
.tabs-container {
    border-radius: .25rem;
    overflow: hidden;
}

#myTabContent {
    border: 1px solid #dee2e6;
    border-top: none;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    transition: border-color 0.3s ease, background-color 0.3s ease;
}

/* --- 🎨 สีของ TAB MB --- */
.tabs-container.tab-mb-active #myTabContent {
    border-color: #0d6efd; /* --- ใส่สีใหม่ของคุณที่นี่ (สำหรับเส้นขอบ) --- */
    background-color: #cfe2ff; /* --- ใส่สีใหม่ของคุณที่นี่ (สำหรับพื้นหลัง) --- */
}
#tab-mb-button.active {
    background-color: #0d6efd; /* --- ใส่สีใหม่ของคุณที่นี่ (สำหรับปุ่ม) --- */
    color: white;
    border-color: #0d6efd; /* --- ใส่สีเดียวกับปุ่ม --- */
}


/* --- 🎨 สีของ TAB AG --- */
.tabs-container.tab-ag-active #myTabContent {
    border-color: #198754; /* --- ใส่สีใหม่ของคุณที่นี่ (สำหรับเส้นขอบ) --- */
    background-color: #d1e7dd; /* --- ใส่สีใหม่ของคุณที่นี่ (สำหรับพื้นหลัง) --- */
}
#tab-ag-button.active {
    background-color: #198754; /* --- ใส่สีใหม่ของคุณที่นี่ (สำหรับปุ่ม) --- */
    color: white;
    border-color: #198754; /* --- ใส่สีเดียวกับปุ่ม --- */
}


/* --- Styling for Carousel --- */
.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: .5rem;
    padding: 1rem;
}

/* --- Styling for Content Grid Images --- */
.row .img-fluid {
    border: 1px solid #dee2e6;
    padding: 2px;
    border-radius: .25rem;
    width: 100%;
    background-color: #fff;
}