/* ใช้กับทั้งเว็บ */
/* เปลี่ยนทั้งเว็บ (ทางเลือก) */
:root {
  --bs-font-sans-serif: "Sarabun", "Noto Sans Thai", "Segoe UI", Tahoma,
    sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}
body {
  font-family: var(--bs-body-font-family);
}

/* บังคับเฉพาะ navbar ให้แน่ใจว่าฟอนต์ถูกใช้ */
.navbar,
.navbar *:not(i) {
  font-family: "Sarabun", "Noto Sans Thai", "Segoe UI", Tahoma, sans-serif !important;
}

/* ชื่อระบบบนแถบ */
.navbar-brand {
  font-weight: 700;
}
.nav-link,
.dropdown-item {
  font-weight: 600;
}

/* ถ้าอยากให้หัวข้อใช้ฟอนต์อีกแบบ เช่น Prompt */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Sarabun", "Noto Sans Thai", "Segoe UI", "Tahoma", "sans-serif"; /* หรือเปลี่ยนเป็น Prompt ก็ได้ */
}

.banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ครอปให้เต็มเฟรม */
  object-position: center;
}

/* สูงคงที่ + ครอปกลาง ป้องกันกระพริบ */
.banner-frame {
  height: clamp(240px, 28vw, 420px);
  position: relative;
  overflow: hidden;
}
.banner-frame img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ทำ transition นุ่มขึ้น (ถ้าต้องการ) */
.carousel .carousel-item {
  transition: transform 0.7s ease-in-out;
}

.post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ครอปเต็มกรอบ */
  object-position: center;
}

.site-footer {
  font-size: 0.925rem;
}
.site-footer .container {
  max-width: 1140px;
} /* คุมความกว้างหากต้องการ */

html, body { height: 100%; }
.site-footer { /* ใน partial footer ใส่ class="site-footer" ได้ */
  margin-top: auto;           /* เผื่อไม่ได้ใช้ .flex-fill */
}