/* Theme style - WooCommerce */

/* ==========================================================================
Base styles
========================================================================== */

/* Base styles - Inputs, fields
========================================================================== */

/* Base styles - Radio, checkbox
========================================================================== */

/* Base styles - Buttons
========================================================================== */

/* Base styles - Grids
========================================================================== */

/* ==========================================================================
Header 
========================================================================== */

/* Header - Products search
========================================================================== */

/* Header - User toolbar for shop
========================================================================== */

/* Mini cart icon */
.wc-block-mini-cart__badge {
	padding-top: 2px;
	padding-left: 0.3em;
}

/* Favorites icon */

/* Myaccount icon */
@media (max-width: 670px) {
	.user-toolbar__item.myaccount {
		display: block;
	}
}

/* ==========================================================================
Product filter
========================================================================== */

/* Filter container
========================================================================== */

/* Filter header and footer
========================================================================== */

/* Filter buttons
========================================================================== */

.woo-filter-btn {
	font-family: var(--wp--preset--font-family--button);
	font-size: var(--wp--preset--font-size--s);
	text-transform: uppercase;
	border-radius: 50px;
	font-weight: 400;
}

/* Filter button - Primary button */

/* Filter button - Secondary button */

/* Filter button - Text button */

/* Filter chips
========================================================================== */

/* Filter attributes
========================================================================== */

/* Filter checkbox
========================================================================== */

/* Filter range slider
========================================================================== */

/* Filter color picker
========================================================================== */

/* Filter dropdown
========================================================================== */

/* ==========================================================================
Shop loop
========================================================================== */

/* Layout 
========================================================================== */

/* Pagination
========================================================================== */

/* Orderby & Results count
========================================================================== */

/* Orderby */
.orderby {
	font-size: var(--wp--preset--font-size--xs);
}

/* Result count */
.woocommerce.wc-block-product-results-count .woocommerce-result-count {
	font-size: var(--wp--preset--font-size--xs);
}

/* Category image
========================================================================== */

@media (max-width: 768px) {
	.product-category__image img {
		max-height: 300px;
	}
}

/* Category description
========================================================================== */

/* Category buttons – Slider
========================================================================== */

/* ==========================================================================
Product card
========================================================================== */

/* Product card - Image
========================================================================== */

/* Product card - Name
========================================================================== */

/* Product card - Badges
========================================================================== */

li.product .product-badge {
	background-color: var(--wp--preset--color--black);
	color: var(--wp--preset--color--white);
}

/* Product card - Price
========================================================================== */

/* Product card - Add to favorites
========================================================================== */

/* ==========================================================================
Single product
========================================================================== */

/* Single product - Article number
========================================================================== */

/* Single product - Stock status
========================================================================== */

/* Single product - Price
========================================================================== */

/* Single product - Excerpt
========================================================================== */

/* Single product - Quantity buttons
========================================================================== */

/* Single product - Article number & variations
========================================================================== */

/* Single product - Grouped product
========================================================================== */

/* Single product - Add to favorites
========================================================================== */

/* Single product - Add to cart
========================================================================== */

/* Single product - Featured image (no gallery)
========================================================================== */

/* Single product - Image gallery
========================================================================== */

/* Gallery image */

/* Gallery thumbs */

/* Popup gallery */

/* Single product - Product accordions
========================================================================== */

/* Accordion heading */
.product-accordions .accordion-item__heading {
	text-transform: uppercase;
	letter-spacing: 0.025em;
	font-size: var(--wp--preset--font-size--s);
}

/* Accordion icon */

/* Accordion content */

/* Accordion type - Table */

/* Accordion type - List of links */

/* Single product - Product tabs
========================================================================== */

.tabs__navigation-button {
	padding: var(--wp--preset--font-size--xxs) 0;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	font-size: var(--wp--preset--font-size--s);
}

/* ==========================================================================
Checkout
========================================================================== */

/* Checkout - Notice message
========================================================================== */

/* Checkout - Submit order
========================================================================== */

/* Checkout - Sidebar
========================================================================== */

/* Checkout - Coupon field
========================================================================== */

/* Checkout - Order confirmation
========================================================================== */

/* Checkout - Kustom checkout
========================================================================== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: normal;
	height: 60px;
	padding: .5rem;
}

@media only screen and (min-width: 769px) {
	#kco-order-review {
		padding-right: 0px;
	}
	#kco-iframe {
		padding-left: 0px;
	}
}

/* css used from flexstop */
.woocommerce-checkout table .product-subtotal {
	text-align: right;
}

.kco-checkout #kco-wrapper {
	padding: 1rem;
	display: grid;
	grid-gap: var(--column-gap);
	margin: 0 auto;
}

.kco-one-selected #kco-iframe,
.kco-one-selected #kco-order-review {
	width: 100% !important;
	float: none;
	margin: unset;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
	background-color: var(--bg-body);
}

#kco-order-review {
	display: flex;
	flex-wrap: wrap;
	grid-gap: var(--gap-default);
}

#kco-extra-checkout-fields {
	width: 100%;
}

#kco-extra-checkout-fields .form-row label {
	margin-bottom: 2rem;
}

.woocommerce-input-wrapper :is(textarea, input, select) {
	width: 100%;
	margin-top: 0.5rem;
}

@media only screen and (max-width: 510px) {
	.kco-checkout #kco-wrapper {
		padding: unset;
	}
}

@media only screen and (min-width: 769px) {
	#kco-order-review {
		width: 100% !important;
		padding-right: 0 !important;
		font-size: 0.9em;
		background-color: var(--bg-body);
		box-sizing: border-box;
	}
	#kco-iframe {
		width: 100% !important;
		background-color: var(--bg-body);
		box-sizing: border-box;
	}
}

#shipping_method li {
	list-style: none;
}

/*
#shipping_method li {
	list-style: none;
	display: flex;
	grid-gap: 1.5rem;
	justify-content: space-between;
}
*/

/* Coupon code */
.woocommerce-checkout .woocommerce-form-coupon-toggle {
	font-size: initial;
	text-align: center;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle span::before {
	content: '';
}

.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon {
	text-align: center;
	margin-top: 2rem;
	max-width: var(--wd-container-s);
	background-color: var(--bg-body);
	margin-left: auto;
	margin-right: auto;
	padding: 3rem;
}

.woocommerce-checkout
.woocommerce-form-coupon-toggle
:is(.woocommerce-message, .woocommerce-info, .woocommerce-error)
span {
	font-style: normal;
	display: block;
	font-size: initial;
}

.woocommerce-checkout-header .woocommerce-error > span {
	justify-content: center;
	margin-top: 1rem;
}

/* Checkout log in */
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info span {
	display: block;
	font-size: initial;
	font-style: normal;
	text-align: center;
}

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info span {
	margin-bottom: 1em;
}

.woocommerce-checkout
.woocommerce-form-login-toggle
.woocommerce-info
::before {
	content: '';
}

form.woocommerce-form-login {
	max-width: var(--wd-container-xs);
	margin: 0 auto 3rem;
	background-color: var(--bg-body);
	padding: 3rem;
	box-shadow: 0px 2px 10px rgb(0 0 0 / 5%);
}

form.woocommerce-form-login p.form-row {
	display: flex;
	flex-direction: column;
}

form.woocommerce-form-login :is(.password-input, .user-input) input {
	width: 100%;
}

.woocommerce-form-login .lost_password {
	text-align: center;
	padding-top: 1rem;
}

/* Checkout table */
.woocommerce-checkout table thead,
.woocommerce-checkout h3 {
	font-size: var(--wp--preset--font-size--medium);
	vertical-align: top;
}

.woocommerce-checkout table :is(td, th) {
	border: unset;
	padding: unset;
}

.woocommerce-checkout table {
	border: unset;
	width: 100%;
}

.woocommerce-checkout table .product-total {
	text-align: right;
}

.woocommerce-checkout tbody td:last-of-type {
	padding: 3rem 0;
	vertical-align: top;
	text-align: right;
}

.woocommerce-checkout .cart_item .product-name {
	display: flex;
	grid-gap: var(--wp--style--block-gap);
}

.woocommerce-checkout table .cart_item {
	border-bottom: var(--border-default);
}

.woocommerce-checkout .cart_item :is(td, th) {
	padding: 0 0;
}

.woocommerce-checkout th.product-name {
	text-align: left;
	vertical-align: top;
}

.woocommerce-checkout th.product-total,
.woocommerce-checkout td:last-of-type {
	text-align: right;
	vertical-align: top;
}

.woocommerce-checkout tfoot th {
	text-align: left;
}

.woocommerce-checkout tfoot :not(.order-total) :is(td, th) {
	font-weight: var(--font-regular);
	line-height: 2;
}

.woocommerce-checkout tfoot .order-total {
	border-top: var(--border-default);
}

.woocommerce-checkout tfoot .order-total :is(th, td) {
	padding-top: 3rem;
	font-size: var(--h4);
}

.woocommerce-checkout tfoot tr:first-of-type :is(th, td) {
	padding-top: 3rem;
}

.woocommerce-checkout .checkout table dl.variation {
	display: grid;
	grid-template-columns: 1fr 5fr;
	margin: 0;
	font-size: var(--paragraph-small);
	height: 5rem;
}

.woocommerce-checkout table dl.variation dd {
	margin-left: 0.5rem;
}
.woocommerce-checkout table dl.variation dd p {
	font-size: var(--paragraph-small);
}

@media only screen and (max-width: 600px) {
	.kco-one-selected #kco-order-review {
		padding: 3rem 2rem;
	}

	.kco-one-selected #kco-iframe {
		padding: 2rem 0.5rem;
	}

	.woocommerce-checkout .cart_item :is(td, th) {
		padding: 1.5rem 0;
	}

	.woocommerce-checkout .cart_item .product-name {
		display: block;
		padding: 1.5rem 0;
	}

	.woocommerce-checkout table img {
		width: 5rem;
		height: 5rem;
		margin-bottom: 1rem;
		display: block;
	}
}


/* ==========================================================================
Cart
========================================================================== */

/* Cart - Table layout
========================================================================== */

/* Cart - Product image
========================================================================== */

.wc-block-cart-item__image img {
	/* border: 1px solid var(--wp--preset--color--neutral-2); */
	border-radius: 5px;
}

/* Cart - Product name
========================================================================== */

/* Cart - Product price
========================================================================== */

/* Cart - Product meta data
========================================================================== */

/* Cart - Sales badge
========================================================================== */

/* Cart - Remove product from cart
========================================================================== */

/* Cart - Product totals
========================================================================== */

/* Cart - Quantity button
========================================================================== */

/* Empty cart
========================================================================== */

/* ==========================================================================
Mini cart
========================================================================== */

/* Mini cart - Empty cart */

/* ==========================================================================
My account
========================================================================== */

/* My account - Register account form
========================================================================== */
.page-id-578 {
	background-color: var(--wp--preset--color--neutral-3);
}

.is-style-woo-login-form .qt-container {
	padding: var(--wp--preset--spacing--m);
}

.woocommerce-account .u-column2 {
	display: none !important;
}

form.woocommerce-form.woocommerce-form-register button {
	width: 100%;
	margin-top: 8px;
}

/* My account – Login form
========================================================================== */

/* My account – Layout
========================================================================== */

/* My account – Sidebar
========================================================================== */

/* My account – Customer orders
========================================================================== */

/* My account – Customer account details
========================================================================== */

/* ==========================================================================
Styles for pages, sections, blocks and others.
========================================================================== */

/* Block: Product category selector
========================================================================== */

.product-selector-slider .qt-container,
.product-selector-slider .product-slider {
	gap: var(--wp--preset--spacing--s);
}

.product-selector-slider__buttons .wp-block-buttons {
	gap: var(--wp--preset--spacing--s);
}

.product-selector-slider .splide__arrow--next {
	right: var(--wp--preset--spacing--s);
}

/* Block: Product selector slider
========================================================================== */

/* Button - Back to previous
========================================================================== */
