/* Laptop Lê Sơn – nội dung bài viết / sản phẩm.
   Dùng chung cho web (.the_content_product, nội dung bài Elementor) và trình soạn thảo (body.mce-content-body). */

.the_content_product,
.elementor-widget-theme-post-content .elementor-widget-container,
body.mce-content-body {
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.65;
	color: #333;
	word-wrap: break-word;
}

body.mce-content-body {
	max-width: 860px;
	margin: 16px auto;
	padding: 0 16px;
}

/* Bỏ font và cỡ chữ bị ép cứng khi dán từ Word / chọn font trong editor */
.the_content_product [style*="font-family"],
.elementor-widget-theme-post-content [style*="font-family"],
body.mce-content-body [style*="font-family"],
.the_content_product font,
.elementor-widget-theme-post-content font,
body.mce-content-body font {
	font-family: inherit !important;
}

.the_content_product :is(p, span, li, td, th, div, strong, b, em, a)[style*="font-size"],
.elementor-widget-theme-post-content :is(p, span, li, td, th, strong, b, em, a)[style*="font-size"],
body.mce-content-body :is(p, span, li, td, th, div, strong, b, em, a)[style*="font-size"] {
	font-size: inherit !important;
}

.the_content_product :is(p, span, li, td, th, div)[style*="line-height"],
.elementor-widget-theme-post-content :is(p, span, li, td, th)[style*="line-height"],
body.mce-content-body :is(p, span, li, td, th, div)[style*="line-height"] {
	line-height: inherit !important;
}

/* Đoạn văn, danh sách */
.the_content_product p,
.elementor-widget-theme-post-content p,
body.mce-content-body p {
	font-size: 16px;
	line-height: 1.65;
	margin: 0 0 1em;
}

.the_content_product :is(ul, ol),
.elementor-widget-theme-post-content :is(ul, ol),
body.mce-content-body :is(ul, ol) {
	margin: 0 0 1em;
	padding-left: 1.5em;
}

.the_content_product li,
.elementor-widget-theme-post-content li,
body.mce-content-body li {
	font-size: 16px;
	line-height: 1.65;
	color: #333;
	margin-bottom: .4em;
	list-style: inherit;
	display: list-item;
}

.the_content_product ul,
.elementor-widget-theme-post-content ul,
body.mce-content-body ul {
	list-style: disc;
}

.the_content_product ol,
.elementor-widget-theme-post-content ol,
body.mce-content-body ol {
	list-style: decimal;
}

/* Tiêu đề: giữ font thương hiệu, cỡ chữ theo thứ bậc */
.the_content_product :is(h2, h3, h4, h5, h6),
.elementor-widget-theme-post-content :is(h2, h3, h4, h5, h6),
body.mce-content-body :is(h1, h2, h3, h4, h5, h6) {
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-weight: 700;
	line-height: 1.3;
	margin: 1.4em 0 .6em;
	color: #0054a4;
}

.the_content_product h2, .elementor-widget-theme-post-content h2, body.mce-content-body :is(h1, h2) { font-size: 26px; }
.the_content_product h3, .elementor-widget-theme-post-content h3, body.mce-content-body h3 { font-size: 22px; }
.the_content_product h4, .elementor-widget-theme-post-content h4, body.mce-content-body h4 { font-size: 19px; }
.the_content_product :is(h5, h6), .elementor-widget-theme-post-content :is(h5, h6), body.mce-content-body :is(h5, h6) { font-size: 17px; }

.the_content_product :is(h2, h3, h4) *,
.elementor-widget-theme-post-content :is(h2, h3, h4) *,
body.mce-content-body :is(h1, h2, h3, h4) * {
	font-size: inherit !important;
	font-family: inherit !important;
}

/* Ảnh, bảng */
.the_content_product img,
.elementor-widget-theme-post-content img,
body.mce-content-body img {
	max-width: 100%;
	height: auto;
}

.the_content_product table,
.elementor-widget-theme-post-content table,
body.mce-content-body table {
	max-width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.2em;
}

.the_content_product :is(td, th),
.elementor-widget-theme-post-content :is(td, th),
body.mce-content-body :is(td, th) {
	font-size: 15px;
	line-height: 1.5;
	padding: 6px 10px;
	border: 1px solid #ddd;
	vertical-align: top;
}

@media (max-width: 767px) {
	.the_content_product,
	.elementor-widget-theme-post-content .elementor-widget-container {
		font-size: 16px;
	}

	.the_content_product h2, .elementor-widget-theme-post-content h2 { font-size: 22px; }
	.the_content_product h3, .elementor-widget-theme-post-content h3 { font-size: 19px; }

	.the_content_product table,
	.elementor-widget-theme-post-content table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* Hộp thông số khi rê chuột vào sản phẩm (theme cố định khung 330px):
   chữ gọn hơn, thông số dài thì cuộn trong hộp thay vì bị cắt mất dòng. */
#main_content .section_sp_hot .san_pham .box_item .box_pro:hover .box_thong_so {
	overflow-y: auto;
	scrollbar-width: thin;
}

.box_thong_so .pro_name {
	font-size: 16px;
	line-height: 1.25;
	margin-bottom: 4px;
}

.box_thong_so .table td,
.box_thong_so .table th {
	font-size: 13px;
	line-height: 1.4;
	padding: 4px 6px;
	text-align: left;
	vertical-align: top;
}

.box_thong_so .table td:first-child {
	white-space: nowrap;
	font-weight: 700;
}

/* Thanh "Gọi ngay" cố định ở đáy: section footer chứa nó chỉ có z-index 10 nên
   hộp thông số (z-index 99) đè lên. Đưa cả section lên trên cùng. */
.elementor-location-footer .elementor-section:has(.call-actionok),
.elementor-location-footer .elementor-element-825271f {
	z-index: 10000;
}

.call-actionok {
	z-index: 10000;
}

/* H1 cho trang tĩnh (theme không in tiêu đề) và trang chủ */
.lls-page-title,
.lls-home-h1 {
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-weight: 700;
	color: #0054a4;
	line-height: 1.25;
}

.lls-page-title {
	font-size: 28px;
	margin: 10px 0 16px;
}

.lls-home-h1 {
	font-size: 20px;
	text-align: center;
	margin: 14px 0 6px;
}

@media (max-width: 767px) {
	.lls-page-title { font-size: 22px; }
	.lls-home-h1 { font-size: 17px; }
}
