/**
 * Standalone layout — theme Cơ bản (không Astra).
 */

/* --- Reset vùng nội dung --- */
.site-content {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow-x: clip;
}

body:not(.home) .site-content {
	padding: 18px 0 40px;
}

body.home .site-content,
body.jp-blog-page .site-content,
body.page .site-content {
	padding-top: 0;
	padding-bottom: 0;
}

/* --- Trang chủ --- */
body.home .site-content {
	padding: 0;
	margin: 0;
}

.jp-home {
	width: 100%;
	overflow: hidden;
}

.jp-home--simple .jp-features {
	padding-top: 24px;
}

.jp-header__nav-row--simple {
	justify-content: center;
}

.jp-header__nav-row--simple .jp-nav {
	width: 100%;
	justify-content: center;
	padding-left: 0;
}

.jp-header__nav-row--simple .jp-nav__list {
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.jp-search--simple .jp-search__input {
	border-radius: 8px 0 0 8px;
}

.jp-contact-info--simple {
	max-width: 720px;
}

.jp-contact-info--simple .jp-blog__title {
	margin-bottom: 16px;
}

.jp-contact-info--simple .jp-contact-item {
	margin-top: 16px;
}

/* --- Blog / trang nội dung --- */
body.jp-blog-page .jp-blog {
	width: 100%;
}

body.jp-blog-page .jp-blog > .jp-container {
	margin-left: auto;
	margin-right: auto;
}

.page .site-content > .jp-container,
.jp-about-page,
.jp-contact-page {
	margin-left: auto;
	margin-right: auto;
}

/* --- WooCommerce --- */
.jp-shop-archive .site-content,
.jp-single-product .site-content,
.jp-woo-endpoint .site-content {
	max-width: var(--jp-container);
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

.jp-woo-content {
	width: 100%;
	padding: 0;
}

.jp-shop-layout {
	width: 100%;
}

.jp-shop-layout__main {
	min-width: 0;
}

.woocommerce .woocommerce-breadcrumb {
	margin-bottom: 12px;
}

.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 24px !important;
	padding: 0 !important;
	list-style: none !important;
	clear: both;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none !important;
}

.woocommerce ul.products li.product {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: none !important;
}

.woocommerce-page .site-content .woocommerce-notices-wrapper {
	margin-bottom: 16px;
}

/* --- Sản phẩm chi tiết --- */
.jp-single-product .site-content div.product {
	margin-top: 0;
}

.jp-product-layout {
	width: 100%;
}

/* --- WordPress mặc định --- */
.site-content .entry-content > *:first-child {
	margin-top: 0;
}

.site-content .entry-content > *:last-child {
	margin-bottom: 0;
}

.site-content img,
.site-content iframe,
.site-content video {
	max-width: 100%;
	height: auto;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* --- Header / footer tách biệt nội dung --- */
.jp-header {
	position: relative;
	z-index: 200;
	background: #fff;
}

.jp-footer {
	margin-top: 0;
}

/* --- Responsive Woo grid --- */
@media (max-width: 1100px) {
	.woocommerce ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	body:not(.home) .site-content {
		padding: 12px 0 32px;
	}

	.jp-shop-archive .site-content,
	.jp-single-product .site-content,
	.jp-woo-endpoint .site-content {
		padding-left: 12px;
		padding-right: 12px;
	}

	.woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.jp-shop-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.woocommerce ul.products {
		grid-template-columns: 1fr;
	}
}