/**
 * Bootstrap overrides – giữ style theme Nàng Then
 * Typography: dùng biến --nt-fs-* từ main.css (:root)
 */

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

body {
	font-family: var(--font-main);
	font-size: var(--nt-fs-base);
	color: var(--nt-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.navbar-brand {
	font-family: inherit;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	opacity: 0.85;
}

img {
	max-width: 100%;
	height: auto;
}

.list-unstyled {
	padding-left: 0;
}

/* Nút theme kết hợp Bootstrap */
.btn.nt-btn {
	background: #3C693B;
	border-color: #3C693B;
	color: var(--nt-white);
	font-family: var(--font-accent);
	font-size: var(--nt-fs-md);
	opacity: 1;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-radius: 30px;
	padding: 5px 24px;
}

.btn.nt-btn:hover,
.btn.nt-btn:focus {
	background: var(--nt-green-light);
	border-color: var(--nt-green-light);
	color: var(--nt-white);
	opacity: 1;
}

.btn.nt-btn--outline {
	background: transparent;
	border: 2px solid var(--nt-orange);
	color: var(--nt-green);
	font-size: var(--nt-fs-md);
}

.btn.nt-btn--outline:hover,
.btn.nt-btn--outline:focus {
	background: var(--nt-orange);
	border-color: var(--nt-orange);
	color: var(--nt-white);
}

.btn.nt-btn--contact {
	background: transparent;
	border: 2px solid var(--nt-orange);
	color: var(--nt-orange);
	border-radius: 8px;
	font-family: var(--font-accent);
	font-size: var(--nt-fs-md);
}

.btn.nt-btn--contact:hover {
	background: var(--nt-orange);
	color: var(--nt-white);
}

/* Pagination Bootstrap + theme */
.pagination .page-link {
	color: var(--nt-green);
	border-color: var(--nt-cream-dark);
	font-size: var(--nt-fs-sm);
}

.pagination .page-item.active .page-link {
	background-color: var(--nt-orange);
	border-color: var(--nt-orange);
}

/* Form controls */
.form-control,
.form-select {
	font-size: var(--nt-fs-base);
}

.form-control:focus,
.form-select:focus {
	border-color: var(--nt-orange);
	box-shadow: 0 0 0 0.2rem rgba(192, 80, 29, 0.15);
}

/* Mobile sidebar menu */
.nt-mobile-sidebar__menu a,
.nt-mobile-sidebar__menu .nav-link {
	color: var(--nt-green);
	font-size: var(--nt-fs-base);
}

.navbar-toggler.menu-toggle {
	border: none;
	padding: 0.25rem;
}

.navbar-toggler.menu-toggle:focus {
	box-shadow: none;
}

.navbar-toggler-icon-custom {
	display: block;
	width: 24px;
	height: 2px;
	background: var(--nt-green);
	margin: 5px 0;
}