/*
Theme Name: Glozin Child
Theme URI: https://wpglozin.com/
Author: UIXThemes
Author URI: https://uix.store
Description: Multipurpose WooCommerce WordPress Theme
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glozin
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: glozin
*/

/**
 * WooCommerce Blocks quantity selector
 *
 * Glozin base.css styles all input[type=number] with ~20px horizontal
 * padding. The blocks qty input is only min-width: 40px, so the number
 * is clipped (overflow) and appears missing. Reset padding for these.
 */
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	padding-block: 0.4em;
	padding-inline: 0;
	min-width: 40px;
	box-sizing: border-box;
	color: var(--gz-color-dark, #111111);
	-webkit-text-fill-color: currentColor;
	opacity: 1;
}

/**
 * Mini-cart coupon icon
 *
 * Glozin adds `text-dark` only to the coupon button, which makes its
 * outline icon dark on the purple button. Keep it white like the adjacent
 * mini-cart action icon.
 */
.widget_shopping_cart_footer .glozin-note-estimate-coupon__button.glozin-discount,
.widget_shopping_cart_footer .glozin-note-estimate-coupon__button.glozin-discount .glozin-svg-icon,
.widget_shopping_cart_footer .glozin-note-estimate-coupon__button.glozin-discount svg {
	color: var(--gz-color-light, #ffffff) !important;
}

.widget_shopping_cart_footer .glozin-note-estimate-coupon__button.glozin-discount svg path {
	stroke: currentColor !important;
}

/**
 * Product-card sale countdown
 *
 * Move the countdown from the centered, wide default position to a compact
 * badge in the bottom-right corner of the product image.
 */
ul.products li.product .product-inner .glozin-badges-sale__countdown {
	--gz-button-padding-top: 4px;
	--gz-button-padding-bottom: 4px;
	--gz-button-padding-left: 7px;
	--gz-button-padding-right: 7px;
	inset-inline-start: auto;
	inset-inline-end: 10px;
	bottom: 10px;
	transform: none;
	font-size: 9px;
	white-space: nowrap;
}

ul.products li.product .product-inner .glozin-badges-sale__countdown .glozin-countdown,
ul.products li.product .product-inner .glozin-badges-sale__countdown .text {
	font-size: inherit;
}

ul.products li.product .product-inner:hover .glozin-badges-sale__countdown {
	transform: translateY(100%);
}