@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css");
@import url("https://fonts.googleapis.com/css2?family=Kanit&display=swap");
@import url("https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-datepicker@1.9.0/dist/css/bootstrap-datepicker.min.css");

.carousel-img {
    height: 300px; /* หรือขนาดตามที่คุณต้องการ เช่น 500px */
    object-fit: cover; /* ปรับให้ภาพเต็มพื้นที่โดยไม่ยืดผิดสัดส่วน */
    width: 100%;
}

body {
  font-family: "Kanit", sans-serif;
}

/* เพิ่มให้ tab-items (ปุ่มใน nav-pills) สามารถจัดการการเรียงอย่างถูกต้อง */
#v-pills-tab ,.tab-label {
  width: 200px;
  /* กำหนดความกว้างที่คุณต้องการ */
  max-width: 100%;
  /* ทำให้ไม่ขยายเกินขนาดของคอนเทนเนอร์ */
}

footer {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f8f9fa; /* สีพื้นหลังที่คุณต้องการ */
  text-align: center;
  padding: 10px 0;
}

@media only screen and (max-width: 600px) {
  .carousel-inner img {
    width: auto;
    height: auto;
    object-fit: cover;
  }
}