﻿/**
 * Gutenberg block frontend styles (shared with Elementor via widgets-modern.css + store-layout.css).
 */

.siddwdk-product-tabs-block,
.siddwdk-header-search-block,
.siddwdk-header-cart-block,
.siddwdk-wishlist-block,
.siddwdk-account-block,
.siddwdk-vertical-menu-block,
.siddwdk-info-banner-block,
.siddwdk-wc-products-block,
.siddwdk-product-list-block,
.siddwdk-product-category-block {
	margin-block: var(--siddwdk-section-gap, 24px);
}

.siddwdk-store-header .siddwdk-header-search-block,
.siddwdk-store-header .siddwdk-header-cart-block,
.siddwdk-store-header .siddwdk-account-block,
.siddwdk-store-header .siddwdk-wishlist-block {
	margin-block: 0;
}

/* Product tabs block uses same UI classes as Elementor widget */
.siddwdk-product-tabs-block.siddwdk-product-tabs-ui {
	padding: var(--siddwdk-spacing-md, 20px) 0;
}

.siddwdk-product-tabs-block .siddwdk-product-tabs-title {
	margin: 0 0 var(--siddwdk-spacing-md, 20px);
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 700;
	color: var(--siddwdk-text, #1a1a2e);
	text-align: center;
}

/* Header search block — mirror Elementor classes */
.siddwdk-header-search-block.tm-widget-search-form.siddwdk-ui {
	width: 100%;
	max-width: 100%;
}

.siddwdk-header-search-block .search-form-default,
.siddwdk-header-search-block .search-form-cat {
	width: 100%;
}

.siddwdk-header-search-block .search-form-default .search-field,
.siddwdk-header-search-block .search-form-cat .search-field {
	padding: 14px 58px 14px 20px;
}

.siddwdk-header-search-block .search-submit {
	right: 10px;
	width: 40px;
	height: 40px;
	border-radius: var(--siddwdk-radius-pill, 999px);
	background: var(--siddwdk-primary, #144443);
	color: #fff;
}

.siddwdk-header-search-block .search-submit svg {
	stroke: #fff;
	color: #fff;
}

.siddwdk-header-search-block .search-form-default .search-field,
.siddwdk-header-search-block .search-form-cat .search-field {
	color: var(--siddwdk-input-text, #1a1a2e);
	-webkit-text-fill-color: var(--siddwdk-input-text, #1a1a2e);
}

/* Header cart block dropdown */
.siddwdk-header-cart-block.top-nav-mini-cart-icon-container {
	display: inline-block;
	position: relative;
	width: fit-content;
	max-width: 100%;
}

/* Wishlist block wrapper */
.siddwdk-wishlist-block .siddwdk-header-wishlist {
	display: inline-flex;
}

/* Account block */
.siddwdk-account-block .site-header-account {
	display: inline-block;
}

/* Vertical menu block uses widget navigation markup */
.siddwdk-vertical-menu-block .vertical-navigation {
	min-width: 260px;
}

.siddwdk-vertical-menu-block .vertical-navigation-header {
	margin-bottom: 0;
}

/* Tab panels hidden by default — JS toggles active state */
.siddwdk-product-tabs-ui .siddwdk-tab-panel[hidden],
.siddwdk-product-tabs-ui .siddwdk-tab-content[hidden] {
	display: none !important;
}

.siddwdk-product-tabs-ui .siddwdk-tab-panel:not(.is-active):not(.elementor-active):not(.active),
.siddwdk-product-tabs-ui .siddwdk-tab-content:not(.is-active):not(.elementor-active):not(.active) {
	display: none !important;
}

.siddwdk-product-tabs-ui .siddwdk-tab-panel.is-active:not([hidden]),
.siddwdk-product-tabs-ui .siddwdk-tab-panel.elementor-active:not([hidden]),
.siddwdk-product-tabs-ui .siddwdk-tab-content.is-active:not([hidden]),
.siddwdk-product-tabs-ui .siddwdk-tab-content.elementor-active:not([hidden]) {
	display: block !important;
}

.siddwdk-tab-title,
.siddwdk-tab-button {
	cursor: pointer;
	border: 0;
	background: transparent;
	font: inherit;
	color: inherit;
	padding: 0;
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
}

.siddwdk-tab-title:focus-visible,
.siddwdk-tab-button:focus-visible {
	outline: 2px solid var(--siddwdk-primary, #144443);
	outline-offset: 2px;
}
