/**
 * Elementor Widgets Styles
 *
 * Widget-specific overrides and helpers for Minao Elementor widgets.
 * Most styles are inherited from homepage.css and woocommerce.css.
 *
 * @package Minao
 */

/* Remove default Elementor widget bottom margin if needed */
.minao-widget {
	margin-bottom: 0;
}

/* Ensure widgets span full width within their containers */
.minao-widget .hero-section,
.minao-widget .categories-section,
.minao-widget .trending-section,
.minao-widget .promo-section,
.minao-widget .split-banners-section,
.minao-widget .trust-badges-section,
.minao-widget .testimonials-section {
	width: 100%;
}

/* Smooth image transitions in widget contexts */
.minao-widget .category-card img,
.minao-widget .split-banner__image img,
.minao-widget .promo-image img {
	transition: transform 0.3s ease;
}

/*
 * Elementor's own frontend.min.css ships a global `.elementor img { height:
 * auto }` reset that loads after our theme CSS. Same specificity, later in
 * the cascade, so it wins and breaks every cover-fit image inside these
 * widgets. Re-assert height: 100% with one extra level of specificity
 * (.minao-widget) so ours wins regardless of enqueue order.
 */
.minao-widget .category-card img,
.minao-widget .split-banner__image img,
.minao-widget .promo-image img {
	height: 100%;
	object-fit: cover;
}

/* Ensure countdown inherits correct font stack within widgets */
.minao-widget .countdown {
	font-family: inherit;
}

/* Widget-specific trust badge alignment */
.minao-widget .trust-badges {
	gap: 1.5rem;
}

/* Ensure testimonial cards maintain spacing inside widgets */
.minao-widget .testimonials-layout {
	gap: 2rem;
}