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

/* ============================================================
 * 1. Chống giật ngang thanh cuộn (Scrollbar Gutter)
 * ============================================================ */
html {
	overflow-y: scroll;
	scrollbar-gutter: stable;
}

/* ============================================================
 * 2. Chống layout shift (CLS) cho Greenshift Hero Slider
 * ============================================================ */
.gspb_slider-id-gsbp-b23afa8 .swiper:not(.swiper-initialized) .swiper-wrapper {
	display: flex !important;
}
.gspb_slider-id-gsbp-b23afa8 .swiper:not(.swiper-initialized) .swiper-slide {
	flex-shrink: 0 !important;
}
.gspb_slider-id-gsbp-b23afa8 .swiper:not(.swiper-initialized) .swiper-slide img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1240 / 696 !important;
}
@media (min-width: 690px) {
	.gspb_slider-id-gsbp-b23afa8 .swiper:not(.swiper-initialized) .swiper-slide {
		width: calc((100% - 10px) / 2) !important;
		max-width: calc((100% - 10px) / 2) !important;
		flex: 0 0 calc((100% - 10px) / 2) !important;
	}
	.gspb_slider-id-gsbp-b23afa8 .swiper:not(.swiper-initialized) {
		height: 359px !important;
	}
}
@media (max-width: 689.98px) {
	.gspb_slider-id-gsbp-b23afa8 .swiper:not(.swiper-initialized) .swiper-slide {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	.gspb_slider-id-gsbp-b23afa8 .swiper:not(.swiper-initialized) {
		aspect-ratio: 1240 / 696 !important;
	}
}

/* ============================================================
 * 3. Chống giật layout trang danh mục sản phẩm (Category Archive)
 * ============================================================ */
/* 3.1. Ẩn tiêu đề h1 tức thì trên trang danh mục WooCommerce */
.archive.woocommerce-page h1.page-title {
	display: none !important;
}

/* 3.2. Cố định kích thước khối Danh mục thương hiệu (mm-brand-subcats) */
@media (min-width: 992px) {
	.mm-brand-subcats {
		min-height: 98px;
	}
}
.mm-brand-subcats__item {
	min-width: 93px;
}
.mm-brand-subcats__item img {
	width: 67px;
	height: 30px;
	aspect-ratio: 200 / 89;
	object-fit: contain;
}

/* 3.3. Khóa chiều cao thanh bộ lọc FiboFilters và placeholder ct-products-container */
@media (min-width: 451px) {
	.fibofilters-horizontal-filters-container,
	.fibofilters-skeleton--horizontal {
		min-height: 106px !important;
	}
}
.fibofilters-product-placeholder {
	min-height: 416px !important;
}

/* ============================================================
 * 4. Cố định kích thước khung Zalo Chat Widget
 * ============================================================ */
.zalo-chat-widget {
	position: fixed !important;
	bottom: 52px !important;
	right: 52px !important;
	min-width: 60px !important;
	min-height: 60px !important;
	width: 60px;
	height: 60px;
	z-index: 2147483644 !important;
	overflow: hidden;
}
.zalo-chat-widget > iframe {
	position: absolute !important;
	bottom: 0 !important;
	right: 0 !important;
}