/**
 * Siddik DevKit – component polish (category, list, banner sections).
 * Scoped to plugin widgets only — safe for WP.org.
 */

/* Map legacy theme-color vars to design tokens inside our widgets */
[class*="elementor-widget-siddwdk-"],
.siddwdk-product-category-block,
.siddwdk-product-list-block,
.siddwdk-product-tabs-block,
.siddwdk-wc-product-tabs,
.siddwdk-wc-products,
.siddwdk-info-banner-block {
	--theme-color1: var(--siddwdk-primary, #144443);
	--theme-color2: var(--siddwdk-primary, #144443);
	--theme-color3: var(--siddwdk-accent, #b99d75);
	--theme-color4: var(--siddwdk-text-muted, #6b7280);
}

/* ── Info Banner spacing ── */
.elementor-widget-siddwdk-info-banner + .elementor-widget-siddwdk-product-category,
.elementor-widget-siddwdk-info-banner + .elementor-widget-siddwdk-product-list,
.elementor-widget-siddwdk-product-category + .elementor-widget-siddwdk-product-list {
	margin-top: var(--siddwdk-section-gap, 24px);
}

/* Product Category — see siddwdk-product-category-ui.css */

/* ── Product List — default skin ── */
.elementor-widget-siddwdk-product-list .siddwdk-product-list-default,
.siddwdk-product-list-block .siddwdk-product-list-default {
	width: 100%;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list {
	gap: var(--siddwdk-spacing-sm, 12px);
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .product,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .product {
	border: 1px solid var(--siddwdk-border, #e8ecef);
	border-radius: var(--siddwdk-radius-md, 12px);
	background: var(--siddwdk-surface, #fff);
	box-shadow: var(--siddwdk-shadow-sm);
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .product:hover,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .product:hover {
	border-color: var(--siddwdk-primary, #144443);
	box-shadow: var(--siddwdk-shadow-md);
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .product .product-block,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .product .product-block {
	padding: var(--siddwdk-spacing-md, 20px);
	gap: var(--siddwdk-spacing-md, 20px);
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .content-left,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .content-left {
	flex-shrink: 0;
	width: 88px;
	max-width: 88px;
	padding: 0;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .content-left a,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .content-left a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 88px;
	background: linear-gradient(145deg, #f8fafb 0%, #eef2f5 100%);
	border-radius: var(--siddwdk-radius-md, 12px);
	overflow: hidden;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .content-left img,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .content-left img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .content-right,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .content-right {
	flex: 1;
	min-width: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .product-title,
.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .product-title a,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .product-title,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .product-title a {
	margin: 0;
	color: var(--siddwdk-primary, #144443) !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.2s ease;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .product-title a:hover,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .product-title a:hover {
	color: var(--siddwdk-accent-hover, #9a7f5c) !important;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .content-right .amount,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .content-right .amount {
	color: var(--siddwdk-text, #1a1a2e) !important;
	font-size: 15px;
	font-weight: 700;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .content-right .amount del,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .content-right .amount del {
	color: var(--siddwdk-text-muted, #6b7280);
	font-weight: 400;
	opacity: 0.8;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .content-right .amount ins,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .content-right .amount ins {
	text-decoration: none;
	color: var(--siddwdk-danger, #e74c3c);
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .star-rating,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .star-rating {
	font-size: 12px;
	margin: 0;
}

/* Widget section titles */
.siddwdk-product-list-title,
.siddwdk-product-category-title {
	font-size: clamp(1.25rem, 2.5vw, 1.5rem);
	font-weight: 700;
	color: var(--siddwdk-text, #1a1a2e);
	margin-bottom: var(--siddwdk-spacing-md, 20px);
	padding-bottom: var(--siddwdk-spacing-xs, 8px);
	border-bottom: 2px solid var(--siddwdk-border-light, #f0f2f5);
}