/* MY2LK V1 storefront refinements — spacing, category cards, empty cart */

/* Keep the custom front-page template flush to the approved header/hero shell. */
body.home #main.my2lk-home,
body.front-page #main.my2lk-home,
#main.my2lk-home {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#main.my2lk-home > .my2lk-hero { margin: 0 !important; }

/* Compact storefront rhythm: keep sections visually connected without feeling cramped. */
.my2lk-section { padding: clamp(36px, 4vw, 56px) 0; }
.my2lk-section__heading { margin-bottom: 20px; }
.my2lk-section--categories { padding-top: 40px; padding-bottom: 44px; }
.my2lk-section--products { padding-top: 44px; padding-bottom: 44px; }
.my2lk-how { padding-top: 44px; padding-bottom: 44px; }
.my2lk-source { padding-top: 40px; padding-bottom: 48px; }

/* Category grid. */
.my2lk-home .my2lk-section--categories .my2lk-wc-block ul.products,
.my2lk-home .my2lk-section--categories ul.products.columns-3,
.my2lk-home .my2lk-section--categories ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 18px !important;
	margin: 0 !important;
}
.my2lk-home .my2lk-section--categories ul.products::before,
.my2lk-home .my2lk-section--categories ul.products::after { display: none !important; }
.my2lk-home .my2lk-section--categories ul.products > li,
.my2lk-home .my2lk-section--categories ul.products > li.product,
.my2lk-home .my2lk-section--categories ul.products > li.product-category {
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	border: 1px solid var(--my2lk-line) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background: #fff !important;
}
.my2lk-home .my2lk-section--categories ul.products > li a { display: block !important; height: 100%; color: var(--my2lk-ink) !important; text-decoration: none !important; }
.my2lk-home .my2lk-section--categories ul.products > li img {
	display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 8 !important;
	margin: 0 !important; object-fit: contain !important; background: var(--my2lk-bg) !important;
}
.my2lk-home .my2lk-section--categories ul.products > li h2,
.my2lk-home .my2lk-section--categories ul.products > li h3,
.my2lk-home .my2lk-section--categories ul.products > li .woocommerce-loop-category__title,
.my2lk-home .my2lk-section--categories ul.products > li .product-title,
.my2lk-home .my2lk-section--categories ul.products > li .product-details .product-title {
	box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin: 0 !important;
	padding: 14px 16px 16px !important; color: var(--my2lk-ink) !important; font-size: 17px !important;
	font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -.015em !important;
	white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important;
}
.my2lk-home .my2lk-section--categories ul.products > li .count {
	display: inline !important; padding: 0 !important; color: var(--my2lk-muted) !important; background: transparent !important;
	font-size: .8em !important; font-weight: 700 !important;
}

/* Featured products. */
.my2lk-home .my2lk-section--products ul.products { gap: 18px !important; margin-bottom: 0 !important; }
.my2lk-home .my2lk-section--products ul.products li.product { border-radius: 14px !important; overflow: hidden; }
.my2lk-home .my2lk-section--products ul.products li.product .product-images,
.my2lk-home .my2lk-section--products ul.products li.product > a:first-child { margin-bottom: 0 !important; }
.my2lk-home .my2lk-section--products ul.products li.product img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
.my2lk-home .my2lk-section--products ul.products li.product .product-details { padding-top: 14px !important; }
.my2lk-home .my2lk-section--products ul.products li.product .product-title,
.my2lk-home .my2lk-section--products ul.products li.product h3 { line-height: 1.3 !important; }

/* Empty cart. */
.woocommerce-cart #main { padding-top: 32px; padding-bottom: 48px; }
.woocommerce-cart .wp-block-woocommerce-empty-cart-block,
.woocommerce-cart .wc-block-cart__empty-cart { padding-top: 28px !important; padding-bottom: 0 !important; }
.woocommerce-cart .wc-block-cart__empty-cart__title,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block h2:first-of-type { margin-bottom: 0 !important; }
.woocommerce-cart .my2lk-empty-cart-brand {
	display: flex; max-width: 620px; flex-direction: column; align-items: center; margin: 22px auto 34px; padding: 0 20px; text-align: center;
}
.woocommerce-cart .my2lk-empty-cart-brand img { display: block; width: 150px; height: auto; margin-bottom: 14px; }
.woocommerce-cart .my2lk-empty-cart-brand p { margin: 0; color: var(--my2lk-muted); font-size: 15px; line-height: 1.55; }
.woocommerce-cart .my2lk-empty-cart-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 18px; }
.woocommerce-cart .my2lk-empty-cart-actions a {
	display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 18px;
	border: 1px solid var(--my2lk-green); border-radius: 10px; font-weight: 750; text-decoration: none;
}
.woocommerce-cart .my2lk-empty-cart-actions a:first-child { color: #fff; background: var(--my2lk-green); }
.woocommerce-cart .my2lk-empty-cart-actions a:last-child { color: var(--my2lk-green-dark); background: #fff; }
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-heading:not(:first-child) { margin-top: 26px !important; margin-bottom: 20px !important; }
.woocommerce-cart .wc-block-grid__products { margin-top: 0 !important; }

/* Order received / thank-you page: restore the same contained MY2LK storefront treatment. */
.woocommerce-order-received #main {
	box-sizing: border-box;
	width: 100%;
	padding: 44px 20px 64px !important;
	background: #f7faf8;
}
.woocommerce-order-received #main > .fusion-row,
.woocommerce-order-received #main .post-content,
.woocommerce-order-received .woocommerce {
	box-sizing: border-box;
	width: min(1180px, 100%) !important;
	max-width: 1180px !important;
	margin-inline: auto !important;
}
.woocommerce-order-received .woocommerce-order {
	padding: clamp(24px, 4vw, 44px);
	border: 1px solid var(--my2lk-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 34px rgba(18, 56, 42, .06);
}
.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received {
	margin: 0 0 24px !important;
	color: var(--my2lk-green-dark);
	font-size: clamp(28px, 4vw, 42px) !important;
	font-weight: 800;
	line-height: 1.12;
}
.woocommerce-order-received .woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	margin: 0 0 28px !important;
	padding: 0 !important;
	border: 1px solid var(--my2lk-line);
	border-radius: 12px;
	overflow: hidden;
	list-style: none;
}
.woocommerce-order-received .woocommerce-order-overview li {
	min-width: 0;
	margin: 0 !important;
	padding: 14px 16px !important;
	border-right: 1px solid var(--my2lk-line);
	font-size: 12px;
	line-height: 1.35;
}
.woocommerce-order-received .woocommerce-order-overview li:last-child { border-right: 0; }
.woocommerce-order-received .woocommerce-order-overview strong { display: block; margin-top: 5px; font-size: 14px; overflow-wrap: anywhere; }
.woocommerce-order-received .woocommerce-order-details { margin-top: 34px; }
.woocommerce-order-received .woocommerce-order-details__title { margin-bottom: 18px; font-size: 26px; }
.woocommerce-order-received .woocommerce-table--order-details {
	width: 100%; border: 1px solid var(--my2lk-line); border-collapse: separate; border-spacing: 0; border-radius: 12px; overflow: hidden; background: #fff;
}
.woocommerce-order-received .woocommerce-table--order-details th,
.woocommerce-order-received .woocommerce-table--order-details td { padding: 14px 16px !important; border-bottom: 1px solid var(--my2lk-line); }
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td { border-bottom: 0; }

/* Customer account: remove Avada's placeholder assistance strip and use a clean MY2LK dashboard. */
body.woocommerce-account .avada-myaccount-user { display: none !important; }
body.woocommerce-account #main {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 44px 20px 64px !important;
	background: var(--my2lk-bg) !important;
}
body.woocommerce-account #main > .fusion-row,
body.woocommerce-account #main .fusion-row,
body.woocommerce-account #main .post-content,
body.woocommerce-account #main .woocommerce {
	box-sizing: border-box !important;
	width: min(1180px, 100%) !important;
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
body.woocommerce-account #main .post-content > .woocommerce,
body.woocommerce-account #main .woocommerce {
	display: grid !important;
	grid-template-columns: 240px minmax(0, 1fr) !important;
	gap: 26px !important;
	align-items: start !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	position: static !important;
	box-sizing: border-box !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
	overflow: hidden;
	border: 1px solid var(--my2lk-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(18, 56, 42, .05);
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0 !important; padding: 8px !important; list-style: none !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0 !important; border: 0 !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 12px 14px;
	border-radius: 9px;
	color: var(--my2lk-ink) !important;
	font-weight: 700;
	text-decoration: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	color: #fff !important;
	background: var(--my2lk-green);
}
body.woocommerce-account .woocommerce-MyAccount-content {
	min-width: 0 !important;
	min-height: 330px;
	padding: clamp(24px, 3vw, 38px) !important;
	border: 1px solid var(--my2lk-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 34px rgba(18, 56, 42, .06);
}
body.woocommerce-account .woocommerce-MyAccount-content > :first-child { margin-top: 0 !important; }
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 { color: var(--my2lk-ink); }
body.woocommerce-account .woocommerce-MyAccount-content a { color: var(--my2lk-green); }
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button.button {
	border-radius: 10px !important;
	color: #fff !important;
	background: var(--my2lk-green) !important;
}
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account .woocommerce-table {
	width: 100%;
	border: 1px solid var(--my2lk-line);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	overflow: hidden;
}

@media (max-width: 980px) {
	.my2lk-home .my2lk-section--categories .my2lk-wc-block ul.products,
	.my2lk-home .my2lk-section--categories ul.products.columns-3,
	.my2lk-home .my2lk-section--categories ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.woocommerce-order-received .woocommerce-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.woocommerce-order-received .woocommerce-order-overview li { border-bottom: 1px solid var(--my2lk-line); }
	body.woocommerce-account #main .post-content > .woocommerce,
	body.woocommerce-account #main .woocommerce { grid-template-columns: 200px minmax(0, 1fr) !important; gap: 18px !important; }
}

@media (max-width: 640px) {
	.my2lk-section { padding: 34px 0; }
	.my2lk-section--categories, .my2lk-section--products, .my2lk-how, .my2lk-source { padding-top: 34px; padding-bottom: 34px; }
	.my2lk-section__heading { margin-bottom: 16px; }
	.my2lk-home .my2lk-section--categories .my2lk-wc-block ul.products,
	.my2lk-home .my2lk-section--categories ul.products.columns-3,
	.my2lk-home .my2lk-section--categories ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
	.my2lk-home .my2lk-section--categories ul.products > li img { aspect-ratio: 4 / 3 !important; }
	.my2lk-home .my2lk-section--categories ul.products > li h2,
	.my2lk-home .my2lk-section--categories ul.products > li h3,
	.my2lk-home .my2lk-section--categories ul.products > li .woocommerce-loop-category__title,
	.my2lk-home .my2lk-section--categories ul.products > li .product-title,
	.my2lk-home .my2lk-section--categories ul.products > li .product-details .product-title { padding: 11px 12px 13px !important; font-size: 15px !important; }
	.woocommerce-cart .my2lk-empty-cart-brand { margin-top: 18px; margin-bottom: 26px; }
	.woocommerce-cart .my2lk-empty-cart-actions { display: grid; width: 100%; grid-template-columns: 1fr; }
	.woocommerce-order-received #main { padding: 24px 12px 44px !important; }
	.woocommerce-order-received .woocommerce-order { padding: 20px 16px; border-radius: 14px; }
	.woocommerce-order-received .woocommerce-order-overview { grid-template-columns: 1fr; }
	.woocommerce-order-received .woocommerce-order-overview li { border-right: 0; }
	.woocommerce-order-received .woocommerce-table--order-details th,
	.woocommerce-order-received .woocommerce-table--order-details td { padding: 11px 10px !important; }
	body.woocommerce-account #main { padding: 24px 12px 44px !important; }
	body.woocommerce-account #main .post-content > .woocommerce,
	body.woocommerce-account #main .woocommerce { display: block !important; }
	body.woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 14px !important; }
	body.woocommerce-account .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
	body.woocommerce-account .woocommerce-MyAccount-navigation a { padding: 10px; font-size: 12px; text-align: center; }
	body.woocommerce-account .woocommerce-MyAccount-content { min-height: 0; padding: 18px 14px !important; }
	body.woocommerce-account .woocommerce-orders-table { display: block; overflow-x: auto; }
}