/* LAskill Theme: WooCommerce. Loaded after WooCommerce's own styles so these win.
   Everything uses the theme's variables, so colour, font, button shape and dark mode follow the Customizer. */

.lst-woo{padding:48px 0 72px}
.woocommerce,.woocommerce-page{font-family:var(--lst-font)}

/* Buttons */
.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-page a.button,.woocommerce-page button.button,
.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,
.woocommerce .woocommerce-Button,.woocommerce-button{
	background:var(--lst-primary);color:var(--lst-on-primary);border:1.5px solid transparent;border-radius:var(--lst-radius-btn);
	font-family:inherit;font-weight:700;font-size:15px;line-height:1.2;padding:13px 26px;text-decoration:none;
	transition:background .15s,transform .15s;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,
.wc-block-components-button:not(.is-link):hover,.woocommerce .woocommerce-Button:hover,.woocommerce-button:hover{
	background:var(--lst-primary-dark);color:var(--lst-on-primary);transform:translateY(-1px);
}
.woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.55;cursor:not-allowed}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{
	border:0;border-radius:14px;padding:14px 18px 14px 20px;margin:0 0 20px;list-style:none;
	background:var(--lst-info-bg);color:var(--lst-heading);border-left:5px solid var(--lst-primary);
}
.woocommerce-error{background:var(--lst-bad-bg);color:var(--lst-bad);border-left-color:var(--lst-bad)}
.woocommerce-message{background:var(--lst-ok-bg);color:var(--lst-ok);border-left-color:var(--lst-ok)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message a.button,.woocommerce-info a.button{float:right;margin-left:14px}
.lst-auth-card .woocommerce-error,.lst-auth-card .woocommerce-message,.lst-auth-card .woocommerce-info{margin-bottom:20px}

/* Shop grid */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:0 0 32px;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{width:auto;float:none;margin:0;background:var(--lst-surface);border:1px solid var(--lst-border);border-radius:var(--lst-radius);overflow:hidden;padding:0 0 20px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--lst-shadow)}
.woocommerce ul.products li.product a img{margin:0 0 14px;border-radius:0;aspect-ratio:4/3;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px;font-weight:800;color:var(--lst-heading);padding:0 20px;margin:0 0 6px}
.woocommerce ul.products li.product .price{color:var(--lst-primary-text);font-weight:800;padding:0 20px;margin-bottom:14px;font-size:16px}
.woocommerce ul.products li.product .price del{color:var(--lst-muted);font-weight:500}
.woocommerce ul.products li.product .button{margin:auto 20px 0;align-self:flex-start}
.woocommerce span.onsale{background:var(--lst-primary);color:var(--lst-on-primary);border-radius:999px;min-height:0;min-width:0;line-height:1;padding:7px 14px;top:12px;left:12px;right:auto;font-weight:800;font-size:12.5px}
.woocommerce .woocommerce-ordering select,.woocommerce .woocommerce-result-count{font-size:15px}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--lst-border);border-radius:999px;padding:9px 16px;background:var(--lst-surface);color:var(--lst-heading);font-weight:700}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--lst-primary);border-color:var(--lst-primary);color:var(--lst-on-primary)}
.woocommerce-breadcrumb{font-size:14px;color:var(--lst-muted);margin-bottom:22px}
.woocommerce-breadcrumb a{color:var(--lst-muted)}
@media(max-width:960px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.woocommerce ul.products{grid-template-columns:1fr}}

/* Single product */
.woocommerce div.product div.images img{border-radius:var(--lst-radius)}
.woocommerce div.product .product_title{font-size:clamp(26px,3.4vw,38px)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--lst-primary-text);font-weight:800;font-size:24px}
.woocommerce div.product form.cart .button{padding:15px 32px}
.woocommerce .quantity .qty{width:84px;padding:12px;border:1.5px solid var(--lst-border);border-radius:12px;background:var(--lst-surface);color:var(--lst-heading)}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;display:flex;gap:6px;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--lst-surface-2);border:0;border-radius:999px;margin:0;padding:0}
.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 a{padding:10px 20px;font-weight:700;color:var(--lst-muted)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--lst-primary)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--lst-on-primary)}
.woocommerce .star-rating span::before{color:var(--lst-primary)}

/* Forms inside WooCommerce */
.woocommerce form .form-row{margin-bottom:16px}
.woocommerce form .form-row label{font-weight:600;color:var(--lst-heading);font-size:14.5px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.select2-container--default .select2-selection--single{
	padding:13px 15px;border:1.5px solid var(--lst-border);border-radius:12px;background:var(--lst-surface);color:var(--lst-heading);font:inherit;font-size:16px;
}
.select2-container--default .select2-selection--single{height:auto;display:flex;align-items:center;min-height:50px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--lst-heading);line-height:1.4;padding:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%}
.select2-dropdown{background:var(--lst-surface);border-color:var(--lst-border);color:var(--lst-heading)}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:var(--lst-bad)}

/* Cart and checkout (classic) */
.woocommerce table.shop_table{border:1px solid var(--lst-border);border-radius:var(--lst-radius);border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--lst-surface)}
.woocommerce table.shop_table th{background:var(--lst-surface-2);color:var(--lst-heading);font-weight:700}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--lst-border);padding:14px 16px}
.woocommerce table.shop_table td{color:var(--lst-text)}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:var(--lst-surface);border:1px solid var(--lst-border);border-radius:var(--lst-radius);padding:22px}
.woocommerce-checkout #payment{background:var(--lst-surface-2);border-radius:var(--lst-radius)}
.woocommerce-checkout #payment div.payment_box{background:var(--lst-surface);color:var(--lst-text);border-radius:12px}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--lst-surface)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom-color:var(--lst-border)}
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{width:100%;padding:17px;font-size:16px;float:none}
.woocommerce-checkout h3,.woocommerce-cart h2{margin-top:0}

/* Blocks-based cart and checkout */
.wc-block-components-text-input input,.wc-block-components-select .wc-block-components-select__select,.wc-block-components-textarea{
	background:var(--lst-surface)!important;color:var(--lst-heading)!important;border-color:var(--lst-border)!important;border-radius:12px!important;
}
.wc-block-components-text-input label,.wc-block-components-title,.wc-block-components-product-name,.wc-block-components-totals-item{color:var(--lst-heading)}
.wc-block-components-sidebar{color:var(--lst-text)}
.wc-block-components-totals-wrapper{border-color:var(--lst-border)!important}

/* My account (signed in) */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:10px;background:var(--lst-surface);border:1px solid var(--lst-border);border-radius:var(--lst-radius)}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation a{display:block;padding:11px 14px;border-radius:12px;color:var(--lst-heading);font-weight:600}
.woocommerce-MyAccount-navigation a:hover{background:var(--lst-surface-2);text-decoration:none}
.woocommerce-MyAccount-navigation .is-active a{background:var(--lst-primary-soft);color:var(--lst-primary-text);font-weight:800}
.woocommerce-account .woocommerce-notices-wrapper{grid-column:1 / -1}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
@media(max-width:800px){.woocommerce-account .woocommerce{grid-template-columns:1fr}}

/* The sign in screen is full width, so remove WooCommerce's own spacing there */
.lst-auth-screen .woocommerce{display:block;margin:0;padding:0}
.lst-auth-screen .lst-main-auth{padding:0}
.lst-auth-screen .woocommerce-form-login,.lst-auth-screen .woocommerce-form-register{border:0;padding:0;margin:0;border-radius:0;text-align:left}
.lst-auth-screen .woocommerce form.login,.lst-auth-screen .woocommerce form.register{border:0;padding:0;margin:0}
.lst-auth-screen .woocommerce form .form-row{padding:0}