/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/*
 * KingHome layout guardrails.
 * These fixes are intentionally scoped to the affected Elementor/Blocksy areas
 * so the broader template structure and SEO content remain untouched.
 */

@media (min-width: 1000px) {
	/* Keep the product sidebar as a real sidebar instead of letting it take
	   half of the product viewport. */
	body.single-product .ct-container[data-sidebar="left"] {
		--sidebar-width: clamp(260px, 22vw, 320px);
		--sidebar-gap: clamp(24px, 3vw, 44px);
		align-items: start;
	}

	body.single-product .ct-container[data-sidebar="left"] > article {
		min-width: 0;
	}

	body.single-product .ct-container[data-sidebar="left"] > aside#sidebar {
		min-width: 0;
		max-width: 100%;
		padding-inline-end: 24px;
		overflow: hidden;
	}

	body.single-product #sidebar .ct-sidebar {
		min-width: 0;
		max-width: 100%;
	}
}

/* Product category block: the title block had a 350px minimum height while the
   menu lived in a separate widget, creating a large empty card. */
body.single-product #sidebar .p-sider {
	min-height: 0 !important;
	margin-bottom: 0 !important;
	padding: 22px 18px 12px !important;
	border-radius: 14px 14px 0 0 !important;
	box-shadow: none !important;
}

body.single-product #sidebar #block-23 {
	margin-bottom: 0 !important;
}

body.single-product #sidebar #nav_menu-3 {
	background: #f5f6fa;
	border-radius: 0 0 14px 14px;
	padding: 0 18px 22px;
	margin-bottom: 30px;
	box-shadow: 0 2px 8px rgba(144, 153, 174, 0.06);
}

body.single-product #sidebar #nav_menu-3 .widget-menu {
	margin: 0;
	padding: 0;
}

body.single-product #sidebar #nav_menu-3 .menu-item > a {
	font-size: clamp(15px, 1.2vw, 18px);
	line-height: 1.35;
}

body.single-product #sidebar #nav_menu-3 .sub-menu {
	padding-left: 16px;
}

/* Home hero nested carousel: lock the initial and initialized slide geometry so
   the first slide cannot expand before Swiper finishes calculating widths. */
body.home .elementor-1273 .elementor-element.elementor-element-967d038,
body.home .elementor-1273 .elementor-element.elementor-element-1235104,
body.home .elementor-1273 .elementor-element.elementor-element-1235104 .swiper,
body.home .elementor-1273 .elementor-element.elementor-element-1235104 .swiper-wrapper {
	width: 100%;
	max-width: 100%;
	overflow: hidden !important;
}

@media (min-width: 1025px) {
	body.home .elementor-1273 .elementor-element.elementor-element-1235104 .swiper-slide {
		flex: 0 0 25% !important;
		width: 25% !important;
		max-width: 25% !important;
		min-width: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.home .elementor-1273 .elementor-element.elementor-element-1235104 .swiper-slide {
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
		min-width: 0 !important;
	}
}

@media (max-width: 767px) {
	body.home .elementor-1273 .elementor-element.elementor-element-1235104 .swiper-slide {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
}

body.home .elementor-1273 .elementor-element.elementor-element-1235104 .swiper-slide > .e-con,
body.home .elementor-1273 .elementor-element.elementor-element-1235104 .swiper-slide [data-element_type="container"] {
	min-width: 0;
	max-width: 100%;
	overflow: hidden !important;
}
