/*
 * ธีม Porto 7.2 ถูกออกแบบสำหรับ Bootstrap 4
 * ไฟล์นี้ปรับให้แสดงผลเหมือนเดิมเมื่อใช้ Bootstrap 5.3 และเติม class ของ Bootstrap 4 ที่ถูกตัดออก
 */
:root {
	--bs-body-font-size: 1rem;
	--bs-link-decoration: none;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.btn:hover,
.dropdown-item:hover,
.nav-link:hover,
.badge:hover,
#header a:hover {
	text-decoration: none;
}

/* Bootstrap 4 classes ที่ไม่มีใน Bootstrap 5 */
.btn-block {
	display: block;
	width: 100%;
}
.btn-block + .btn-block {
	margin-top: .5rem;
}
.badge-pill {
	border-radius: 50rem;
}
.badge-primary {
	color: #fff;
	background-color: var(--bs-primary);
}
.form-group {
	margin-bottom: 1rem;
}
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-normal { font-weight: 400 !important; }
.no-gutters { --bs-gutter-x: 0; --bs-gutter-y: 0; }
.input-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem; }

/* Bootstrap 5 ใส่ width:100% ให้ลูกของ .row ทุกตัว ซึ่งทำให้ header ของธีมเพี้ยน */
#header .header-row > *,
#header .row > .header-column {
	width: auto;
	max-width: none;
}

/* ปุ่มเมนูมือถือของธีม */
#header .header-btn-collapse-nav {
	border: 0;
}

/* Bootstrap 5 ปรับขนาดหัวข้อตามจอ (RFS) ให้คงขนาดตามธีมเดิม */
h1, h2, h3, h4 {
	letter-spacing: normal;
}