/* ==========================================================================
   NMT – Gói B: điện thoại & bố cục (child theme oceanwp-child)
   Mốc: điện thoại ≤767px, máy tính bảng ≤1024px. Máy tính để bàn không đổi.
   ========================================================================== */

/* B1. Header trên máy tính bảng/điện thoại: nền đặc, thấp hơn, logo nhỏ (hết lỗi logo trắng mất trên nền sáng) */
@media (max-width: 1024px) {
	#nmt-header {
		background-color: #0B2229 !important;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		min-height: 0 !important;
	}
	#nmt-header img { max-height: 40px; width: auto; }
	#nmt-header .e-con { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; }
	#nmt-header .elementor-widget-nav-menu { padding-top: 0 !important; margin: 0 !important; }
	#nmt-header .elementor-widget-nav-menu { gap: 0 !important; row-gap: 0 !important; }
	#nmt-header .elementor-nav-menu--dropdown { margin-top: 0 !important; }
	#nmt-header .elementor-menu-toggle { margin: 0 0 0 auto !important; width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
}

/* Vùng bấm tối thiểu 44px cho logo và biểu tượng dịch vụ (điện thoại/máy tính bảng) */
@media (max-width: 1024px) {
	#nmt-header .elementor-widget-image a { display: inline-flex; align-items: center; min-height: 44px; }
	.bdt-prime-slider-previous, .bdt-prime-slider-next { min-width: 44px; min-height: 44px; }
	/* Neo (#hatang, #maychu…): chừa chỗ cho header cố định để tiêu đề không bị che */
	.elementor-menu-anchor { scroll-margin-top: 76px; }
}
@media (max-width: 767px) {
	.elementor-image-box-img a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
	.premium-search__btn { min-height: 44px; }
	.premium-woo-product__link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; }
	.owp-quick-view { display: none !important; }
	a.nmt-contact-price { min-height: 44px; display: inline-flex; align-items: center; padding: 0; }
	.woocommerce-ordering select, .theme-select, .theme-selectInner { min-height: 44px; }
}

/* B2/B3/B5/B7 – trang chủ */
@media (max-width: 767px) {
	/* B3. Khối "Đối tác" (6 thẻ): lưới 2 cột, mô tả 3 dòng */
	.elementor-12 [data-id="89fdfd9"] {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	.elementor-12 [data-id="89fdfd9"] > .elementor-widget { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
	.elementor-12 [data-id="89fdfd9"] .elementor-image-box-description {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	.elementor-12 [data-id="89fdfd9"] .elementor-image-box-title { font-size: 16px !important; }

	/* B5. Ba thẻ "Dịch vụ / Thiết bị / Tin tức": thẻ thấp */
	.elementor-12 [data-id="8515a69"],
	.elementor-12 [data-id="c8cc80d"],
	.elementor-12 [data-id="b085f37"] { min-height: 110px !important; height: 110px !important; }
	.elementor-12 [data-id="bb31d15"] { gap: 12px !important; }
	.elementor-12 :is([data-id="8515a69"], [data-id="c8cc80d"], [data-id="b085f37"]) :is(.premium-banner-ib, .premium-banner-ib img, .premium-banner-ib-desc) { height: 90px !important; }
	.elementor-12 :is([data-id="8515a69"], [data-id="c8cc80d"], [data-id="b085f37"]) .premium-banner-ib img { width: 100%; object-fit: cover; }
	.elementor-12 :is([data-id="8515a69"], [data-id="c8cc80d"], [data-id="b085f37"]) .premium-banner-ib-desc {
		top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; transform: none !important;
		display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: 0 !important;
	}
	.elementor-12 :is([data-id="8515a69"], [data-id="c8cc80d"], [data-id="b085f37"]) .premium-banner-ib-title { font-size: 24px !important; font-weight: 700 !important; margin: 0 !important; line-height: 1.2 !important; transform: none !important; }
	.elementor-12 [data-id="89fdfd9"] .elementor-image-box-title, .elementor-12 [data-id="89fdfd9"] .elementor-image-box-title a { color: #007A91 !important; }
	.elementor-12 :is([data-id="8515a69"], [data-id="c8cc80d"], [data-id="b085f37"]) .premium-banner-ib-content { display: none !important; }
	/* cả thẻ là vùng bấm: liên kết "xem thêm" phủ kín thẻ (ẩn nhìn thấy, vẫn đọc được bằng trình đọc màn hình) */
	.elementor-12 :is([data-id="8515a69"], [data-id="c8cc80d"], [data-id="b085f37"]) .premium-banner-read-more {
		display: block !important; position: absolute !important; inset: 0 !important; margin: 0 !important; opacity: 0 !important; z-index: 3;
	}
	.elementor-12 :is([data-id="8515a69"], [data-id="c8cc80d"], [data-id="b085f37"]) .premium-banner-link { display: block !important; width: 100% !important; height: 100% !important; }

	/* B7. Khoảng trắng dọc các khối lớn: 80–100px → 40px */
	.elementor-12 [data-id="295cebb"],
	.elementor-12 [data-id="816c5c3"],
	.elementor-12 [data-id="15a167a"],
	.elementor-12 [data-id="0eccc9a"],
	.elementor-12 [data-id="d5063bb"] { padding-top: 40px !important; padding-bottom: 40px !important; }
}

/* B4/B7 – trang Dịch vụ trên điện thoại */
@media (max-width: 767px) {
	.elementor-96 [data-id="8cac9d3"] { padding-top: 40px !important; padding-bottom: 40px !important; }
	.elementor-96 :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) {
		padding-top: 24px !important;
		padding-bottom: 32px !important;
		gap: 0 !important;
	}
	.elementor-96 :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) > .e-con {
		padding: 12px 16px !important;
	}
	.elementor-96 :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) .elementor-widget-image img {
		width: 100%;
		max-height: 220px;
		object-fit: cover;
		border-radius: 12px;
	}
	/* nút Xem thêm / Thu gọn */
	.nmt-collapsible { position: relative; overflow: hidden; max-height: 9.5em; transition: max-height .25s ease-out; }
	.nmt-collapsible::after {
		content: "";
		position: absolute; left: 0; right: 0; bottom: 0; height: 3.2em;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
		pointer-events: none;
	}
	.nmt-collapsible.is-open { max-height: none; }
	.nmt-collapsible.is-open::after { display: none; }
	.nmt-more {
		display: inline-flex; align-items: center; min-height: 44px; margin: 4px 0 8px; padding: 0 20px;
		border: 2px solid #007A91; border-radius: 30px; background: #fff; color: #007A91;
		font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1; cursor: pointer;
		align-self: flex-start; width: auto;
	}
	.nmt-more:hover, .nmt-more:focus-visible { background: #007A91; color: #fff; }
}
.nmt-more[hidden] { display: none !important; }
@media (min-width: 768px) { .nmt-more { display: none !important; } }

/* B6 – trang Sản phẩm trên điện thoại: nút nhảy danh mục dạng chip, 2 cột sản phẩm */
@media (max-width: 767px) {
	.elementor-97 [data-id="979168c"] {
		display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
		overflow-x: auto; gap: 8px !important; padding: 0 16px 8px !important;
		-webkit-overflow-scrolling: touch; scrollbar-width: none;
	}
	.elementor-97 [data-id="979168c"]::-webkit-scrollbar { display: none; }
	.elementor-97 [data-id="979168c"] > .elementor-widget { flex: 0 0 auto; width: auto !important; margin: 0 !important; }
	.elementor-97 [data-id="979168c"] .elementor-image-box-img { display: none !important; }
	.elementor-97 [data-id="979168c"] .elementor-image-box-wrapper { display: block; }
	.elementor-97 [data-id="979168c"] .elementor-image-box-content { margin: 0 !important; }
	.elementor-97 [data-id="979168c"] .elementor-image-box-title { margin: 0 !important; font-size: 15px !important; white-space: nowrap; }
	.elementor-97 [data-id="979168c"] .elementor-image-box-title a {
		display: flex !important; align-items: center; min-height: 44px; padding: 0 20px !important;
		border: 2px solid #007A91; border-radius: 30px; background: #fff; color: #007A91 !important;
	}
	.elementor-97 [data-id="979168c"] .elementor-image-box-title a::after { display: none; }
	.elementor-97 [data-id="979168c"] .elementor-image-box-description { display: none; }
	/* 2 cột sản phẩm */
	.elementor-97 ul.products {
		display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px !important;
		margin: 0 !important; padding: 0 12px !important; width: 100% !important; box-sizing: border-box;
	}
	.elementor-97 ul.products > li.product {
		float: none !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; min-width: 0;
	}
	.elementor-97 ul.products > li.product img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
	.elementor-97 [data-id="5663369"] { padding-top: 40px !important; }
	.elementor-97 :is([data-id="969fa58"], [data-id="a0a9894"], [data-id="222b0c2"], [data-id="ca1e31c"], [data-id="a89e31a"], [data-id="37eacfb"]) { padding-bottom: 40px !important; }
}

/* E1. Gói E – giữ chỗ cho slider hero trang chủ để trang không "nhảy" khi tải (CLS 0,49 → ~0).
   Giá trị giống hệt phần Prime Slider tự đặt sau khi chạy JavaScript. */
.elementor-12 [data-id="6f1e37d"] .bdt-slideshow-items { aspect-ratio: 16 / 9; min-height: 600px; width: 100%; }
/* E1b. Khoảng đệm quanh slider: theme Prime Slider chỉ áp lên lớp .bdt-slideshow sau khi JavaScript chạy → áp sớm bằng CSS (cùng giá trị) */
.elementor-12 [data-id="6f1e37d"] .bdt-prime-slider-skin-isolate > .bdt-position-relative { box-sizing: border-box; padding: 30px; }
@media (min-width: 640px) { .elementor-12 [data-id="6f1e37d"] .bdt-prime-slider-skin-isolate > .bdt-position-relative { padding: 50px; } }
@media (min-width: 1024px) { .elementor-12 [data-id="6f1e37d"] .bdt-prime-slider-skin-isolate > .bdt-position-relative { padding: 100px; } }