﻿/**
 * Siddik DevKit – modern widget polish (all Elementor widgets).
 */

/* ── Product Tabs ── */
.elementor-widget-siddwdk-product-tabs .siddwdk-product-tabs-ui,
.siddwdk-product-tabs-block.siddwdk-product-tabs-ui {
	padding: var(--siddwdk-spacing-md) 0;
	width: 100%;
}

.elementor-widget-siddwdk-product-tabs > .elementor-widget-container {
	width: 100%;
	padding: 8px 4px 16px;
	overflow: visible;
}

/* ── Gutenberg blocks (same styles as Elementor widgets) ── */
.siddwdk-product-tabs-block .siddwdk-tabs-nav,
.siddwdk-product-tabs-block .elementor-tabs-wrapper,
.elementor-widget-siddwdk-product-tabs .siddwdk-tabs-nav,
.elementor-widget-siddwdk-product-tabs .elementor-tabs-wrapper {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 6px;
	margin-bottom: var(--siddwdk-spacing-xl, 40px) !important;
	background: var(--siddwdk-surface-muted);
	border-radius: var(--siddwdk-radius-pill);
	border: 1px solid var(--siddwdk-border-light);
}

.siddwdk-product-tabs-block .siddwdk-tab-title,
.siddwdk-product-tabs-block .siddwdk-tab-button,
.elementor-widget-siddwdk-product-tabs .siddwdk-tab-title,
.elementor-widget-siddwdk-product-tabs .siddwdk-tab-button {
	margin: 0 !important;
	padding: 12px 28px !important;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--siddwdk-text-muted);
	border-radius: var(--siddwdk-radius-pill);
	background: transparent;
	transition: color var(--siddwdk-transition), background var(--siddwdk-transition), box-shadow var(--siddwdk-transition);
	cursor: pointer;
	border: 0;
}

.elementor-widget-siddwdk-product-tabs .siddwdk-tab-title:hover,
.elementor-widget-siddwdk-product-tabs .siddwdk-tab-button:hover,
.siddwdk-product-tabs-block .siddwdk-tab-title:hover,
.siddwdk-product-tabs-block .siddwdk-tab-button:hover {
	color: var(--siddwdk-primary);
}

.elementor-widget-siddwdk-product-tabs .siddwdk-tab-title.is-active,
.elementor-widget-siddwdk-product-tabs .siddwdk-tab-title.elementor-active,
.elementor-widget-siddwdk-product-tabs .siddwdk-tab-button.is-active,
.elementor-widget-siddwdk-product-tabs .siddwdk-tab-button.elementor-active,
.siddwdk-product-tabs-block .siddwdk-tab-title.is-active,
.siddwdk-product-tabs-block .siddwdk-tab-button.is-active {
	color: #fff;
	background: linear-gradient(135deg, var(--siddwdk-primary) 0%, var(--siddwdk-primary-light) 100%);
	box-shadow: 0 4px 14px rgba(20, 68, 67, 0.28);
}

.elementor-widget-siddwdk-product-tabs .siddwdk-tabs-panels,
.siddwdk-product-tabs-block .siddwdk-tabs-panels {
	width: 100%;
	padding: var(--siddwdk-spacing-md, 20px) 2px 8px;
}

.elementor-widget-siddwdk-product-tabs .siddwdk-tab-panel[hidden],
.siddwdk-product-tabs-block .siddwdk-tab-panel[hidden] {
	display: none !important;
}

.elementor-widget-siddwdk-product-tabs .siddwdk-tab-panel.is-active:not([hidden]),
.elementor-widget-siddwdk-product-tabs .siddwdk-tab-panel.elementor-active:not([hidden]),
.siddwdk-product-tabs-block .siddwdk-tab-panel.is-active:not([hidden]),
.siddwdk-product-tabs-block .siddwdk-tab-panel.elementor-active:not([hidden]) {
	display: block !important;
}

/* ── Header Search ── */
.elementor-widget-siddwdk-header-search .tm-widget-search-form,
.siddwdk-header-search-block.tm-widget-search-form {
	width: 100%;
	padding-block: var(--siddwdk-spacing-xs);
}

.elementor-widget-siddwdk-header-search .search-form-default .search-field,
.elementor-widget-siddwdk-header-search .search-form-cat .search-field,
.siddwdk-header-search-block .search-form-default .search-field,
.siddwdk-header-search-block .search-form-cat .search-field {
	padding: 14px 58px 14px 20px;
	font-size: 14px;
	line-height: 1.4;
	color: var(--siddwdk-input-text);
	background: var(--siddwdk-input-bg);
	border: 1px solid var(--siddwdk-input-border);
	border-radius: var(--siddwdk-radius-pill);
	outline: none;
	transition: border-color var(--siddwdk-transition), box-shadow var(--siddwdk-transition);
	-webkit-text-fill-color: var(--siddwdk-input-text);
}

.elementor-widget-siddwdk-header-search .search-form-default .search-field::placeholder,
.elementor-widget-siddwdk-header-search .search-form-cat .search-field::placeholder,
.siddwdk-header-search-block .search-form-default .search-field::placeholder,
.siddwdk-header-search-block .search-form-cat .search-field::placeholder {
	color: var(--siddwdk-placeholder);
	opacity: 1;
}

.elementor-widget-siddwdk-header-search .search-form-default .search-field:focus,
.elementor-widget-siddwdk-header-search .search-form-cat .search-field:focus,
.siddwdk-header-search-block .search-form-default .search-field:focus,
.siddwdk-header-search-block .search-form-cat .search-field:focus {
	border-color: var(--siddwdk-primary);
	box-shadow: 0 0 0 3px rgba(20, 68, 67, 0.12);
}

.elementor-widget-siddwdk-header-search .search-submit,
.siddwdk-header-search-block .search-submit {
	right: 10px;
	width: 40px;
	height: 40px;
	border-radius: var(--siddwdk-radius-pill);
	background: var(--siddwdk-primary);
	color: #fff;
	transition: background var(--siddwdk-transition), transform var(--siddwdk-transition);
}

.elementor-widget-siddwdk-header-search .search-submit:hover,
.siddwdk-header-search-block .search-submit:hover {
	background: var(--siddwdk-primary-light);
	transform: translateY(-50%) scale(1.04);
}

.elementor-widget-siddwdk-header-search .search-submit svg {
	width: 16px;
	height: 16px;
	stroke: #fff;
	color: #fff;
}

.elementor-widget-siddwdk-header-search .search-form-cat,
.siddwdk-header-search-block .search-form-cat {
	gap: 10px;
	padding: 8px;
	background: var(--siddwdk-surface-muted);
	border: 1px solid var(--siddwdk-border-light);
	border-radius: var(--siddwdk-radius-pill);
}

.elementor-widget-siddwdk-header-search .search-form-cat select {
	padding: 12px 16px;
	border: none;
	border-radius: var(--siddwdk-radius-pill);
	background: var(--siddwdk-surface);
	font-size: 14px;
	color: var(--siddwdk-text);
	outline: none;
}

.elementor-widget-siddwdk-header-search .icon-search-popup {
	width: 46px;
	height: 46px;
	border-radius: var(--siddwdk-radius-pill);
	background: var(--siddwdk-surface-muted);
	border: 1px solid var(--siddwdk-border-light);
	color: var(--siddwdk-text);
	transition: background var(--siddwdk-transition), color var(--siddwdk-transition), transform var(--siddwdk-transition);
}

.elementor-widget-siddwdk-header-search .icon-search-popup:hover {
	background: var(--siddwdk-primary);
	color: #fff;
	transform: translateY(-1px);
}

/* ── Header Cart ── */
.elementor-widget-siddwdk-header-cart .top-nav-mini-cart-icon-contents,
.siddwdk-header-cart-block .top-nav-mini-cart-icon-contents {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: fit-content;
	max-width: 100%;
}

.elementor-widget-siddwdk-header-cart .mini-cart-icon,
.siddwdk-header-cart-block .mini-cart-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: var(--siddwdk-header-height, 52px);
	height: var(--siddwdk-header-height, 52px);
	padding: 0;
	min-height: auto;
	border-radius: var(--siddwdk-radius-pill);
	background: var(--siddwdk-surface);
	border: 1px solid var(--siddwdk-input-border);
	color: var(--siddwdk-icon-color);
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: background var(--siddwdk-transition), border-color var(--siddwdk-transition), color var(--siddwdk-transition), transform var(--siddwdk-transition), box-shadow var(--siddwdk-transition);
}

.elementor-widget-siddwdk-header-cart .mini-cart-icon:hover,
.siddwdk-header-cart-block .mini-cart-icon:hover {
	background: var(--siddwdk-primary);
	border-color: var(--siddwdk-primary);
	color: #fff;
	box-shadow: var(--siddwdk-shadow-sm);
	transform: translateY(-1px);
}

.elementor-widget-siddwdk-header-cart .mini-cart-icon svg,
.siddwdk-header-cart-block .mini-cart-icon svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	stroke: currentColor;
	color: currentColor;
}

.elementor-widget-siddwdk-header-cart .mini-cart-icon .items-count,
.siddwdk-header-cart-block .mini-cart-icon .items-count {
	position: absolute;
	top: -2px;
	right: -2px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	font-size: 10px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	color: #fff;
	background: var(--siddwdk-danger);
	border-radius: var(--siddwdk-radius-pill);
	border: 2px solid var(--siddwdk-surface);
}

.elementor-widget-siddwdk-header-cart .mini-cart-icon .cart-quick-info,
.siddwdk-header-cart-block .mini-cart-icon .cart-quick-info {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ── My Account ── */
.elementor-widget-siddwdk-account .site-header-account,
.siddwdk-account-block .site-header-account {
	display: inline-block;
}

.elementor-widget-siddwdk-account .header-account,
.siddwdk-account-block .header-account {
	display: inline-flex;
}

/* ── Wishlist ── */
.elementor-widget-siddwdk-wishlist .siddwdk-header-wishlist,
.siddwdk-wishlist-block .siddwdk-header-wishlist {
	width: auto;
	height: auto;
	background: transparent;
}

.elementor-widget-siddwdk-wishlist .siddwdk-header-wishlist .header-wishlist,
.siddwdk-wishlist-block .siddwdk-header-wishlist .header-wishlist {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: var(--siddwdk-radius-pill);
	background: var(--siddwdk-surface-muted);
	border: 1px solid var(--siddwdk-border-light);
	text-decoration: none;
	transition: background var(--siddwdk-transition), border-color var(--siddwdk-transition), transform var(--siddwdk-transition);
}

.elementor-widget-siddwdk-wishlist .siddwdk-header-wishlist .header-wishlist:hover,
.siddwdk-wishlist-block .siddwdk-header-wishlist .header-wishlist:hover {
	background: #fff0f0;
	border-color: #f5c6c6;
	transform: translateY(-1px);
}

.elementor-widget-siddwdk-wishlist .siddwdk-header-wishlist .header-wishlist svg,
.siddwdk-wishlist-block .siddwdk-header-wishlist .header-wishlist svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	stroke: var(--siddwdk-text);
	color: var(--siddwdk-text);
	transition: stroke var(--siddwdk-transition), color var(--siddwdk-transition);
}

.elementor-widget-siddwdk-wishlist .siddwdk-header-wishlist .header-wishlist:hover svg,
.siddwdk-wishlist-block .siddwdk-header-wishlist .header-wishlist:hover svg {
	stroke: var(--siddwdk-danger);
	color: var(--siddwdk-danger);
}

.elementor-widget-siddwdk-wishlist .siddwdk-header-wishlist .header-wishlist .count,
.siddwdk-wishlist-block .siddwdk-header-wishlist .header-wishlist .count {
	bottom: auto;
	top: -4px;
	right: -4px;
	left: auto;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	background: var(--siddwdk-danger);
	color: #fff;
	border: 2px solid var(--siddwdk-surface);
}

/* ── Vertical Menu ── */
.elementor-widget-siddwdk-vertical-menu .vertical-navigation,
.siddwdk-vertical-menu-block .vertical-navigation {
	border-radius: var(--siddwdk-radius-md);
	box-shadow: var(--siddwdk-shadow-sm);
	background: var(--siddwdk-primary, var(--theme-color2));
	overflow: visible;
}

.elementor-widget-siddwdk-vertical-menu .vertical-navigation-header {
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 600;
	gap: 12px;
}

.elementor-widget-siddwdk-vertical-menu .vertical-navigation-header svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.elementor-widget-siddwdk-vertical-menu .vertical-menu .menu,
.siddwdk-vertical-menu-block .vertical-menu .menu {
	border-radius: 0 0 var(--siddwdk-radius-md) var(--siddwdk-radius-md);
	box-shadow: var(--siddwdk-shadow-md);
	padding: var(--siddwdk-spacing-sm) 0;
}

.elementor-widget-siddwdk-vertical-menu .vertical-menu .menu > li,
.siddwdk-vertical-menu-block .vertical-menu .menu > li {
	margin: 0;
	padding: 0  var(--siddwdk-spacing-xs);
}

.elementor-widget-siddwdk-vertical-menu .vertical-menu .menu > li + li,
.siddwdk-vertical-menu-block .vertical-menu .menu > li + li {
	margin-top: 4px;
}

.elementor-widget-siddwdk-vertical-menu .vertical-menu .menu > li > a,
.siddwdk-vertical-menu-block .vertical-menu .menu > li > a {
	padding: 12px 20px;
	font-size: 14px;
	color: var(--siddwdk-text);
	transition: background var(--siddwdk-transition), color var(--siddwdk-transition), padding-left var(--siddwdk-transition);
}

.elementor-widget-siddwdk-vertical-menu .vertical-menu .menu > li > a:hover {
	background: var(--siddwdk-surface-muted);
	color: var(--siddwdk-primary);
	padding-left: 24px;
}

/* ── Info Banner ── */
.elementor-widget-siddwdk-info-banner,
.siddwdk-info-banner-block {
	margin-block: var(--siddwdk-section-gap, 24px);
	padding-block: 0;
}

.elementor-widget-siddwdk-info-banner .siddwdk-info-banner-advanced .info-banner-inner,
.siddwdk-info-banner-block .siddwdk-info-banner-advanced .info-banner-inner {
	border-radius: var(--siddwdk-radius-lg);
	padding: var(--siddwdk-spacing-xl) var(--siddwdk-spacing-lg);
	box-shadow: var(--siddwdk-shadow-md);
	margin-block: var(--siddwdk-spacing-xs);
}

.elementor-widget-siddwdk-info-banner .siddwdk-info-banner-advanced .info-banner-inner .banner-background,
.siddwdk-info-banner-block .siddwdk-info-banner-advanced .info-banner-inner .banner-background {
	background: linear-gradient(135deg, var(--siddwdk-primary) 0%, var(--siddwdk-primary-light) 100%);
}

.siddwdk-info-banner-block .siddwdk-info-banner-advanced.siddwdk-layout-center .info-banner-inner,
.siddwdk-info-banner-block .siddwdk-info-banner-advanced.siddwdk-layout-bottom .info-banner-inner,
.siddwdk-info-banner-block .siddwdk-info-banner-advanced.siddwdk-layout-top-reveal .info-banner-inner,
.elementor-widget-siddwdk-info-banner .siddwdk-info-banner-advanced.siddwdk-layout-center .info-banner-inner,
.elementor-widget-siddwdk-info-banner .siddwdk-info-banner-advanced.siddwdk-layout-bottom .info-banner-inner,
.elementor-widget-siddwdk-info-banner .siddwdk-info-banner-advanced.siddwdk-layout-top-reveal .info-banner-inner {
	min-height: 280px;
}

/* Center layout + image: text left, product image right (no overlap) */
.siddwdk-info-banner-advanced.siddwdk-layout-center.has-floating-image .info-banner-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--siddwdk-spacing-lg, 28px);
}

.siddwdk-info-banner-advanced.siddwdk-layout-center.has-floating-image .info-banner-inner .info-banner-text-holder-wrapper {
	position: relative;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	flex: 1 1 55%;
	max-width: 60%;
	text-align: left;
	align-items: flex-start;
	justify-content: center;
	padding: 24px 0 24px 24px;
	z-index: 1;
}

.siddwdk-info-banner-advanced.siddwdk-layout-center.has-floating-image .info-banner-inner .info-banner-text-holder {
	width: 100%;
}

.siddwdk-info-banner-advanced.siddwdk-layout-center.has-floating-image .info-banner-inner .banner-floating-image-wrapper {
	position: relative;
	right: auto;
	top: auto;
	z-index: 1;
	flex: 0 0 auto;
	width: 40%;
	max-width: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 24px 16px 0;
}

.siddwdk-info-banner-advanced.siddwdk-layout-center.has-floating-image .info-banner-inner .banner-floating-image-wrapper img {
	width: 100%;
	max-width: 280px;
	height: auto;
	max-height: 260px;
	object-fit: contain;
	object-position: center;
	background: transparent;
}

@media (max-width: 767px) {
	.siddwdk-info-banner-advanced.siddwdk-layout-center.has-floating-image .info-banner-inner {
		flex-direction: column;
	}

	.siddwdk-info-banner-advanced.siddwdk-layout-center.has-floating-image .info-banner-inner .info-banner-text-holder-wrapper {
		flex: 1 1 auto;
		max-width: 100%;
		text-align: center;
		align-items: center;
		padding: 24px;
	}

	.siddwdk-info-banner-advanced.siddwdk-layout-center.has-floating-image .info-banner-inner .banner-floating-image-wrapper {
		width: 100%;
		max-width: 240px;
		padding: 0 24px 24px;
	}
}

.elementor-widget-siddwdk-info-banner .subtitle,
.siddwdk-info-banner-block .subtitle {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #e8c896;
}

.elementor-widget-siddwdk-info-banner .title,
.siddwdk-info-banner-block .title {
	margin: 0 0 12px;
	font-size: clamp(24px, 4vw, 36px);
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.elementor-widget-siddwdk-info-banner .content-holder,
.siddwdk-info-banner-block .content-holder {
	color: rgba(255, 255, 255, 0.88);
	font-size: 15px;
	line-height: 1.7;
}

.elementor-widget-siddwdk-info-banner .btn-view-details .btn,
.siddwdk-info-banner-block .btn-view-details .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: var(--siddwdk-spacing-md);
	padding: 14px 28px;
	font-size: 14px;
	font-weight: 600;
	color: var(--siddwdk-primary);
	background: #fff;
	border-radius: var(--siddwdk-radius-pill);
	text-decoration: none;
	transition: transform var(--siddwdk-transition), box-shadow var(--siddwdk-transition);
}

.elementor-widget-siddwdk-info-banner .btn-view-details .btn:hover,
.siddwdk-info-banner-block .btn-view-details .btn:hover {
	transform: translateY(-2px);
	box-shadow: var(--siddwdk-shadow-md);
}

/* ── WC Products grid spacing ── */
.elementor-widget-siddwdk-wc-products .siddwdk-wc-products {
	padding: var(--siddwdk-spacing-xs) 0;
}

/* ── Product List ── */
.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list {
	display: flex;
	flex-direction: column;
	gap: var(--siddwdk-spacing-sm);
	margin: 0;
	padding: 0;
	list-style: none;
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list > li,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list > li {
	margin: 0;
	padding: 0;
	border-radius: var(--siddwdk-radius-md);
	border: 1px solid var(--siddwdk-border-light);
	background: var(--siddwdk-surface);
	overflow: hidden;
	transition: box-shadow var(--siddwdk-transition);
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list > li:hover,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list > li:hover {
	box-shadow: var(--siddwdk-shadow-sm);
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-default .product-list .product-block,
.siddwdk-product-list-block .siddwdk-product-list-default .product-list .product-block {
	padding: var(--siddwdk-spacing-sm) var(--siddwdk-spacing-md);
	gap: var(--siddwdk-spacing-md);
	align-items: center;
}

.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;
	margin-right: var(--siddwdk-spacing-xs);
}

.elementor-widget-siddwdk-product-list .siddwdk-product-list-current-theme1 .product-list,
.siddwdk-product-list-block .siddwdk-product-list-current-theme1 .product-list {
	display: flex;
	flex-direction: column;
	gap: var(--siddwdk-spacing-md);
}

/* ── Product Category — layout handled in siddwdk-product-category-ui.css ── */

@media (max-width: 767px) {
	.siddwdk-product-tabs-block .siddwdk-tab-title,
.siddwdk-product-tabs-block .elementor-tab-title,
.elementor-widget-siddwdk-product-tabs .siddwdk-tab-title,
.elementor-widget-siddwdk-product-tabs .elementor-tab-title {
		padding: 10px 18px !important;
		font-size: 12px;
	}

	.siddwdk-header-cart-block .dropdown-content,
	.elementor-widget-siddwdk-header-cart .dropdown-content {
		min-width: 280px;
		right: -20px;
	}
}
