/* th-lite: shim แทน bootstrap 4.5 ทั้งไฟล์ (194 KB ดิบ / 28 KB gzip) ที่บล็อกการวาดหน้า
   ธีมใช้ bootstrap 5.2.2 เป็นหลักอยู่แล้ว เหลือคลาสของ BS4 ที่ยังถูกใช้จริงเพียง 12 ตัว
   (สแกนจาก HTML จริงของหน้าแรก/listing/โครงการ/hub/ติดต่อ/ฝากเช่า) จึงคัดเฉพาะกฎเหล่านั้นมา
   ถ้าเจอหน้าไหนเพี้ยน ให้เทียบกับ bootstrap/css/bootstrap.css แล้วเติมกฎที่ขาดตรงนี้ */
.form-group { margin-bottom: 1rem; }
.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.badge-pill { padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }
.badge-primary { color: #fff;
  background-color: #007bff; }
a.badge-primary:hover, a.badge-primary:focus { color: #fff;
  background-color: #0062cc; }
a.badge-primary:focus, a.badge-primary.focus { outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); }
.alert-dismissible .close { position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit; }
.close { float: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #fff; }
.close:hover { color: #fff;
  text-decoration: none; }
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }
button.close { padding: 0;
  background-color: transparent;
  border: 0; }
a.close.disabled { pointer-events: none; }
.modal-content .close { position: absolute;
  top: -8px;
  right: -8px;
  background-color: red;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  z-index: 99; }
.modal-content .close:hover,.modal-content .close:active { outline: 0;
  border: none; }
.border-right { border-right: 1px solid #dee2e6 !important; }
.sr-only { position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }
.mr-3,
.mx-3 { margin-right: 1rem !important; }
.text-justify { text-align: justify !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.font-weight-bold { font-weight: 700 !important; }