/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-das
	Template: hello-elementor
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* Archive / shop loop images — reserve the box before load */
ul.products li.product img,
.elementor-widget-theme-post-featured-image img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Star rating row — reserve height so stars don't push text on load */
.woocommerce-product-rating,
.elementor-widget-woocommerce-product-rating {
    min-height: 1.5rem;
}

/*
 * Accessibility: contrast corrections (WCAG AA, 4.5:1 for normal text).
 *
 * Each value below is the smallest darkening that clears the threshold, so the
 * design reads the same - the shifts are 1-3% in luminance:
 *
 *   star rating / rating figure  #388E3C -> #2E7D32  (3.98:1 -> 4.93:1)
 *   review date                  #767676 -> #6F6F6F  (4.39:1 -> 4.86:1)
 *   cart quantity badge          #D9534F -> #C9302C  (3.96:1 -> 5.32:1)
 */
/*
 * The star colour comes from an Elementor global colour and the cart bubble
 * from an Elementor variable, both applied by higher-specificity selectors.
 * Redefining the custom property on the element itself wins without needing
 * !important, and keeps the override scoped to these two components.
 */
.woocommerce-product-rating .star-rating,
.woocommerce-product-rating .star-rating span,
.woocommerce-product-rating .star-rating strong.rating,
.woocommerce-product-rating .star-rating span.rating {
    --e-global-color-32e889e: #2E7D32;
    color: #2E7D32;
}

.elementor-button-icon-qty {
    --items-indicator-background-color: #C9302C;
}

.woocommerce-review__published-date {
    color: #6F6F6F;
}

/*
 * WooCommerce ships its icon font with the default font-display (auto), which
 * blocks the star rating for up to 3s while the font is fetched. Re-declaring
 * the same @font-face after WooCommerce's own stylesheet (child-style is
 * enqueued later, so it also lands later inside the LiteSpeed-combined file)
 * only overrides the font-display descriptor — same files, same weights.
 */
@font-face {
    font-family: star;
    src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff2) format("woff2"),
         url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
         url(../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: WooCommerce;
    src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff2) format("woff2"),
         url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),
         url(../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}