/*
 * Giao diện riêng cho trang Y THƯA SHOP ([ythua_shop_page]).
 * Nạp cùng ythua-bd-style (style.css) nên chỉ ghi đè/thêm phần khác biệt ở
 * đây, không lặp lại các class .ythua-product-card, .ythua-btn... đã có sẵn.
 */

.ythua-yshop {
	--yshop-wood: #6b4423;
	--yshop-wood-dark: #4a2f18;
	--yshop-cream: #faf3e8;
	--yshop-accent: #b3261e;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 16px 48px;
}

.ythua-yshop-hero {
	text-align: center;
	padding: 40px 16px 28px;
	margin-bottom: 24px;
	background: var(--yshop-cream);
	border-radius: 12px;
	border: 1px solid #e6d9c3;
}

.ythua-yshop-eyebrow {
	margin: 0 0 6px;
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--yshop-wood);
}

.ythua-yshop-title {
	margin: 0 0 10px;
	font-size: 34px;
	line-height: 1.15;
	color: var(--yshop-wood-dark);
}

.ythua-yshop-subtitle {
	margin: 0 auto;
	max-width: 520px;
	color: #555;
}

.ythua-yshop-filter-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin-bottom: 24px;
}

.ythua-yshop-filter-bar .ythua-filter-pill {
	border-color: #e6d9c3;
}

.ythua-yshop-filter-bar .ythua-filter-pill.is-active {
	background: var(--yshop-wood);
	border-color: var(--yshop-wood);
	color: #fff;
}

.ythua-yshop-grid .ythua-product-card {
	border-color: #e6d9c3;
}

.ythua-yshop-grid .ythua-price-current,
.ythua-yshop-grid .ythua-price-sale {
	color: var(--yshop-wood-dark);
}

.ythua-zalo-order-box {
	margin-top: 20px;
	padding: 16px;
	border: 1px solid #e6d9c3;
	border-radius: 8px;
	background: var(--yshop-cream);
}

.ythua-zalo-order-box p {
	margin: 0 0 10px;
}

.ythua-zalo-order-hint {
	margin: 10px 0 0 !important;
	font-size: 13px;
	color: #777;
}

.ythua-zalo-order-btn {
	background: #0068ff; /* Màu xanh Zalo */
	border-color: #0068ff;
}

.ythua-zalo-order-btn:hover {
	background: #0052cc;
	border-color: #0052cc;
}

@media (max-width: 600px) {
	.ythua-yshop-title {
		font-size: 26px;
	}
}