/*
Theme Name:   WM Demo Store
Theme URI:    https://woomasters.net/
Description:  Theme of the WooMasters demo store.
Author:       WooMasters by Moven Soft
Author URI:   https://woomasters.net/
Template:     hello-commerce
Version:      1.0.0
Text Domain:  wmdemostore
*/

:root {
	--wmd-red: #e63b3b;
	--wmd-red-dark: #c92c2c;
	--wmd-text: #333e48;
	--wmd-dark: #1f2530;
	--wmd-muted: #6b7380;
	--wmd-border: #e6e8ec;
	--wmd-bg: #f5f6f8;
	--wmd-link: #1a56c8;
	--wmd-radius: 10px;
}

body { color: var(--wmd-text); font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: #fff; }
a { color: var(--wmd-link); }
a:hover { color: var(--wmd-red); }

/* Buttons ------------------------------------------------------------------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .wc-block-components-button:not(.is-link), .wmd-btn {
	background: var(--wmd-red) !important; color: #fff !important; border: 0; border-radius: 8px; font-weight: 600; padding: .7em 1.3em;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce a.button.alt:hover, .wc-block-components-button:not(.is-link):hover, .wmd-btn:hover { background: var(--wmd-red-dark) !important; }

/* Product cards ----------------------------------------------------------------- */
.woocommerce ul.products { gap: 20px; }
.woocommerce ul.products li.product {
	border: 1px solid var(--wmd-border); border-radius: var(--wmd-radius); padding: 16px 16px 18px; background: #fff;
	transition: box-shadow .2s, transform .2s; text-align: left; position: relative; display: flex; flex-direction: column;
}
.woocommerce ul.products li.product:hover { box-shadow: 0 10px 28px rgba(20, 30, 50, .10); transform: translateY(-2px); }
.woocommerce ul.products li.product a img { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; margin-bottom: 12px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--wmd-link); font-size: 15px; font-weight: 600; line-height: 1.35; padding: 0; min-height: 2.7em; }
.woocommerce ul.products li.product .price { color: var(--wmd-red); font-size: 20px; font-weight: 700; margin: 6px 0 12px; }
.woocommerce ul.products li.product .price del { color: #9aa1ac; font-size: 14px; font-weight: 400; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product .button { margin-top: auto; align-self: flex-start; }
.woocommerce span.onsale, .elementor-widget-woocommerce-products span.onsale, .elementor-widget-wc-archive-products span.onsale, .elementor-widget-woocommerce-product-related span.onsale {
	background: var(--wmd-red) !important; border-radius: 50% !important; color: #fff; border-radius: 50%; width: 52px; height: 52px; min-height: 0; line-height: 52px; padding: 0;
	font-size: 12px; font-weight: 800; text-transform: uppercase; top: 14px; left: 14px; right: auto; margin: 0; text-align: center;
}

/* Single product ---------------------------------------------------------------- */
.single-product .product_title { font-size: 28px; font-weight: 700; color: var(--wmd-dark); }
.single-product .price { color: var(--wmd-red) !important; font-size: 28px !important; font-weight: 700; }
.single-product .woocommerce-product-gallery { border: 1px solid var(--wmd-border); border-radius: var(--wmd-radius); padding: 16px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid var(--wmd-red); }

/* Product tabs and gallery in the Elementor templates */
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li { background: var(--wmd-bg) !important; border: 1px solid var(--wmd-border) !important; border-radius: 8px 8px 0 0 !important; }
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li a { color: var(--wmd-text) !important; }
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li.active { background: var(--wmd-red) !important; border-color: var(--wmd-red) !important; }
.elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs ul.tabs li.active a { color: #fff !important; }
.woocommerce-product-gallery__image img { object-fit: contain; }

/* Header pieces ------------------------------------------------------------------- */
.wmd-search { display: flex; border: 2px solid var(--wmd-red); border-radius: 999px; overflow: hidden; background: #fff; width: 100%; }
.wmd-search select { max-width: 200px !important; border: 0; border-right: 1px solid var(--wmd-border); background: var(--wmd-bg); padding: 0 14px; font-weight: 600; color: var(--wmd-text); max-width: 42%; }
.wmd-search input[type=search] { flex: 1; border: 0; padding: 12px 16px; min-width: 0; outline: none; }
.wmd-search button { background: var(--wmd-red) !important; color: #fff !important; min-height: 46px; color: #fff; border: 0; padding: 0 20px; border-radius: 0 999px 999px 0; font-weight: 700; cursor: pointer; }
.wmd-depts .elementor-icon-list-item { border-bottom: 1px solid var(--wmd-border); padding: 10px 0 !important; }
.wmd-depts .elementor-icon-list-item:last-child { border-bottom: 0; }
.wmd-card { border-radius: var(--wmd-radius); overflow: hidden; }
.wmd-badge { display: inline-block; background: var(--wmd-red); color: #fff; border-radius: 999px; padding: 4px 10px; font-size: 12px; font-weight: 800; letter-spacing: .05em; }

/* Demo notice of the mu-plugin above the header */
.wm-withdrawal-footer { background: var(--wmd-dark); }
.wm-withdrawal-footer a { color: #fff !important; }

.woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products .button { text-transform: none !important; font-size: 14px !important; border-radius: 8px !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { text-transform: none; }
.single_add_to_cart_button, .elementor-widget-woocommerce-product-add-to-cart .button { text-transform: none !important; }

@media (max-width: 767px) {
	.wmd-search select { display: none; }
	.woocommerce span.onsale { width: 44px; height: 44px; line-height: 44px; font-size: 11px; }
}