/*
 * The7 / WooCommerce tartalom igazítás a főoldal designjához (fehér háttér).
 *
 * Előzmény: a Customizer "Additional CSS" (DB, 2022) – a layout szabályai ide kerültek át,
 * a régi osztott header és a sötét (teal háttér + fehér szöveg) téma szabályai kimaradtak.
 * A Customizer CSS ki van kapcsolva (inc/the7-design.php).
 */

/* ---------- Alap ---------- */

body { background: #fff; color: var(--mv-ink); }
#page { background: none !important; }

h1, h2, h3, h4, h5, h6,
.h1-size, .h2-size, .h3-size, .h4-size, .h5-size, .h6-size,
.entry-title, .page-title h1, .checkout-page-title .checkout-name,
.woocommerce-loop-product__title, .product_title {
	font-family: var(--mv-font-display);
	letter-spacing: -0.01em;
}

/* ---------- Terméklista (Additional CSS-ből) ---------- */

#products article, .archive article {
	background-color: #fff;
	padding: 5px;
	border: 1px solid var(--mv-line);
	border-radius: 16px;
	box-shadow: none;
	overflow: hidden;
	transition: transform .15s, box-shadow .15s, border-color .15s;
}
#products article:hover, .archive article:hover {
	border-color: var(--mv-burgundy);
	transform: translateY(-4px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
}
#products .woocom-project .woo-buttons-on-img, .archive .woocom-project .woo-buttons-on-img { padding-top: 10px; }

@media (max-width: 1000px) {
	#products .woocom-project .woo-buttons-on-img a, .archive .woocom-project .woo-buttons-on-img a { padding-bottom: 120% !important; }
}
@media (max-width: 767px) {
	#products .woocom-project .woo-buttons-on-img a, .archive .woocom-project .woo-buttons-on-img a { padding-bottom: 50% !important; }
}
@media (max-width: 650px) {
	#products .woocom-project .woo-buttons-on-img a, .archive .woocom-project .woo-buttons-on-img a { padding-bottom: 60% !important; }
}
@media (max-width: 550px) {
	#products .woocom-project .woo-buttons-on-img a, .archive .woocom-project .woo-buttons-on-img a { padding-bottom: 80% !important; }
}
@media (max-width: 450px) {
	#products .woocom-project .woo-buttons-on-img a, .archive .woocom-project .woo-buttons-on-img a { padding-bottom: 90% !important; }
}
@media (max-width: 350px) {
	#products .woocom-project .woo-buttons-on-img a, .archive .woocom-project .woo-buttons-on-img a { padding-bottom: 120% !important; }
}

.archive .page-title { display: none; }
.archive #content { width: 100%; margin: 0 auto; }
@media (min-width: 1082px) { .archive #content { width: 1082px; } }
.archive .wf-container-main { display: flex; }
.view-mode-switcher { display: none; }

/* ---------- Termék oldal (Additional CSS-ből) ---------- */

.single-product .page-title { display: none; }
.single-product #content { width: 100%; margin: 0 auto; }
@media (min-width: 991px) { .single-product #content { width: 900px; } }
.single-product .wf-container-main { display: flex; }

.attachment-shop_single { width: inherit !important; max-height: 300px; }
@media (max-width: 768px) { .attachment-shop_single { margin: 0 auto; } }

.woocommerce-Tabs-panel--description table { margin-bottom: 30px; border: none; }
.woocommerce-Tabs-panel--description p { font-weight: bold; }
.woocommerce-Tabs-panel--description table td { border: none; padding: 10px 0; }
.woocommerce-Tabs-panel--description table td:nth-child(1) { width: 33%; }
.woocommerce-Tabs-panel--description table td:nth-child(2) { width: 67%; }

/* "További információk" tábla: eddig fehér szöveg volt világosszürkén. */
.woocommerce-product-attributes, .shop_attributes { color: var(--mv-ink); }
.woocommerce-product-attributes th, .shop_attributes th { color: var(--mv-ink); font-weight: 700; }

.variations select, .variations select option, .nm-productmeta-box select { color: var(--mv-ink) !important; }
.variations select { padding: 8px !important; }
.nm-productmeta-box select { padding-left: 15px !important; }

/* ---------- Kosár / pénztár (Additional CSS-ből, burgundy dobozok helyett cream kártya) ---------- */

.checkout-page-title { padding: 40px 16px !important; margin-left: 0 !important; background-color: transparent; }
@media (min-width: 1082px) { .container { width: 1082px; margin: 0 auto; } }
@media (max-width: 1200px) { .wc-order-review, .cart-collaterals { padding: 0; } }

.woocommerce-cart-wrap .cart-collaterals,
.woocommerce-checkout .wc-order-review {
	background-color: var(--mv-cream);
	border: 1px solid var(--mv-line);
	border-radius: 16px;
	padding: 16px;
	color: var(--mv-ink);
}
@media (max-width: 1200px) {
	.woocommerce-cart-wrap .cart-collaterals,
	.woocommerce-checkout .wc-order-review { padding: 16px; }
}

.backbtn a { background-color: var(--mv-steelteal) !important; color: #fff !important; }
.btn.pointy { height: 56px !important; }