/* WooCommerce skin for the Shagerd theme */
.woocommerce, .woocommerce-page { font-family: var(--shg-font); }

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	background: var(--shg-navy); color: #fff; border-radius: var(--shg-radius); font-weight: 700;
	padding: 14px 26px; font-family: var(--shg-font); line-height: 1.4; transition: background .2s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce #payment #place_order:hover {
	background: var(--shg-orange); color: #fff;
}
.woocommerce button.button:disabled, .woocommerce button.button.disabled { background: #bbb; }

.woocommerce .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--shg-ink); font-weight: 800; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { color: #999; font-weight: 400; }
.woocommerce div.product p.price ins { text-decoration: none; }
.woocommerce span.onsale { background: var(--shg-red); border-radius: 999px; min-height: 0; min-width: 0; padding: 4px 12px; line-height: 1.6; font-weight: 700; }

.woocommerce-message, .woocommerce-info, .woocommerce-error {
	border-top: 0; border-radius: 16px; background: #fff; box-shadow: 0 8px 26px rgba(6,5,81,.08); padding: 16px 52px 16px 20px;
}
.woocommerce-message { border-right: 5px solid #1e8449; }
.woocommerce-info { border-right: 5px solid var(--shg-orange); }
.woocommerce-error { border-right: 5px solid #c0392b; }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { right: 20px; left: auto; }
.woocommerce-message::before { color: #1e8449; }
.woocommerce-info::before { color: var(--shg-orange); }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce .quantity .qty, .select2-container--default .select2-selection--single {
	border: 2px solid #e2e2ee; border-radius: 12px; padding: 10px 14px; min-height: 48px; background: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 26px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; left: 8px; right: auto; }
.woocommerce form .form-row label { font-weight: 700; color: var(--shg-ink); font-size: 14px; }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { outline: 0; border-color: var(--shg-orange); }

/* Archive grid */
.woocommerce ul.products, .woocommerce-page ul.products {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 34px 24px; margin: 0; padding: 0;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product.shg-pgrid__item, .woocommerce-page ul.products li.product.shg-pgrid__item {
	width: auto; float: none; margin: 0; padding: 0; display: flex; justify-content: center;
}
.shg-pgrid__item .shg-prod { width: 100%; max-width: 210px; height: auto; aspect-ratio: 148 / 190; }

/* Single product */
.shg-wc-main { padding-top: 30px; }
.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.woocommerce div.product > * { grid-column: 1 / -1; }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: auto; float: none; margin: 0; }
.woocommerce div.product div.images { grid-column: 1; }
.woocommerce div.product div.summary { grid-column: 2; background: #fff; border-radius: 28px; padding: 28px; box-shadow: 0 14px 40px rgba(6,5,81,.08); }
.woocommerce div.product div.images img { border-radius: 28px; }
.woocommerce div.product div.images .flex-control-thumbs li img { border-radius: 12px; }
.woocommerce div.product .product_title { font-size: 28px; font-weight: 800; color: var(--shg-ink); margin-bottom: 10px; }
.woocommerce div.product form.cart { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.woocommerce div.product form.cart div.quantity { float: none; margin: 0; }
.woocommerce div.product form.cart .button { float: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 20px; display: flex; gap: 8px; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; border-radius: 12px; background: #fff; margin: 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 20px; font-weight: 700; color: var(--shg-ink); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--shg-navy); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #fff; }
.woocommerce div.product .woocommerce-tabs .panel { background: #fff; border-radius: 22px; padding: 24px; }
.woocommerce .related > h2, .woocommerce .upsells > h2 { text-align: center; font-size: 30px; font-weight: 300; margin: 30px 0; }

/* Cart / checkout / account */
.shg-page--wc { max-width: 1180px; }
.woocommerce table.shop_table { border-radius: 20px; border: 0; background: #fff; box-shadow: 0 10px 30px rgba(6,5,81,.07); overflow: hidden; }
.woocommerce table.shop_table th { background: #f6f6fb; color: var(--shg-ink); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top-color: #eee; padding: 14px 16px; }
.woocommerce-cart table.cart img { width: 70px; border-radius: 14px; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: left; }
.woocommerce-checkout #payment { background: #fff; border-radius: 22px; box-shadow: 0 10px 30px rgba(6,5,81,.07); }
.woocommerce-checkout #payment div.payment_box { background: #fff7ee; color: #333; border-radius: 12px; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff7ee; }
#customer_details, .woocommerce-checkout-review-order { background: #fff; border-radius: 22px; padding: 22px; box-shadow: 0 10px 30px rgba(6,5,81,.06); }
#order_review_heading { margin-top: 30px; }

.woocommerce-account .woocommerce { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 30px; align-items: start; }
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.woocommerce-account .woocommerce::before, .woocommerce-account .woocommerce::after { display: none; }
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float: none; width: auto; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 12px; background: var(--shg-navy); border-radius: 24px; }
.woocommerce-MyAccount-navigation a { display: block; color: #fff; padding: 10px 16px; border-radius: 12px; font-weight: 600; }
.woocommerce-MyAccount-navigation .is-active a, .woocommerce-MyAccount-navigation a:hover { background: rgba(255,255,255,.1); color: var(--shg-orange); }
.woocommerce-MyAccount-content { background: #fff; border-radius: 24px; padding: 26px; box-shadow: 0 10px 30px rgba(6,5,81,.06); }
.woocommerce-account:not(.logged-in) .woocommerce { display: block; }

mark.order-status, .order-status { background: none; font-weight: 700; }

@media (max-width: 900px) {
	.woocommerce div.product { grid-template-columns: 1fr; }
	.woocommerce div.product div.images, .woocommerce div.product div.summary { grid-column: 1; }
	.woocommerce-account .woocommerce { grid-template-columns: 1fr; }
	.woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; }
	.woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
}