/* ===== Interlift | Tối ưu Typography cho Article + Collection + Product + Page ===== */

/* Áp dụng chung */
.il-typo, .il-typo * {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.2px !important;
  color: #0f1a2a !important;
}

/* Đoạn văn */
.il-typo p {
  margin: 0 0 1.2em !important;
}

/* Heading */
.il-typo h1, .il-typo h2, .il-typo h3, .il-typo h4 {
  line-height: 1.3 !important;
  margin: 1.4em 0 0.7em !important;
  font-weight: 700 !important;
  color: #0a1630 !important;
}

/* Danh sách */
.il-typo ul, .il-typo ol {
  margin: 0 0 1.2em 1.5em !important;
}
.il-typo li {
  margin: 0 0 .6em !important;
  line-height: 1.6 !important;
}

/* Ảnh */
.il-typo img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 24px auto !important;
  border-radius: 4px;
}

/* Bảng */
.il-typo table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 16px 0 !important;
}
.il-typo th, .il-typo td {
  border: 1px solid #e8ecf2 !important;
  padding: 10px 12px !important;
}

/* Blockquote */
.il-typo blockquote {
  margin: 1.4em 0 !important;
  padding: 16px 20px !important;
  border-left: 4px solid #ff6a00 !important;
  background: #fff8f3 !important;
  color: #222 !important;
  font-style: italic;
}

/* Link & in đậm */
.il-typo a {
  color: #0a63ff !important;
  text-decoration: underline !important;
}
.il-typo b, .il-typo strong {
  font-weight: 600 !important;
}

.template-article #ega-uti-editable-content,
.template-article .article-body.il-typo {
  max-width: 100% !important;
  margin: 0 auto;
}

/* ===== Collection (danh mục sản phẩm) ===== */
.template-collection .collection-intro-il.il-typo,
.template-collection .collection-desc.il-typo {
  max-width: 100% !important;  /* full rộng để cân với grid */
  margin: 0 auto;
}

/* ===== Page (trang tĩnh: Giới thiệu, Liên hệ,...) ===== */
.template-page .rte,
.template-page .il-typo,
.template-page .il-typo * {
  max-width: 100% !important;  /* full rộng như collection */
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.7 !important;
  color: #0f1a2a !important;
  font-family: "Helvetica Neue", Arial, sans-serif !important;
}
/* Heading */
.il-typo h1, 
.il-typo h2, 
.il-typo h3, 
.il-typo h4 {
  line-height: 1.3 !important;
  margin: 1.4em 0 0.7em !important;
  font-weight: 700 !important;
  color: #000000 !important;   /* Đen */
}

/* Link – màu cam, không gạch chân */
.il-typo a {
  color: #ff6a00 !important;      /* Cam Interlift */
  text-decoration: none !important;
}

/* Hiệu ứng hover cho link */
.il-typo a:hover {
  color: #e55a00 !important;      /* Cam đậm hơn */
  text-decoration: underline;     /* Chỉ gạch chân khi hover */
}

/* Bold/strong giữ nguyên màu chữ */
.il-typo b,
.il-typo strong {
  font-weight: 600 !important;
  color: inherit !important;   /* Giữ màu mặc định (đen) */
}
/* ===== Link & Underline Fix ===== */

/* Tất cả link */
.il-typo a {
  color: #ff6a00 !important;     /* Cam Interlift */
  text-decoration: none !important;
  font-weight: 600;              /* Cho nổi bật hơn text thường */
}

/* Hover link */
.il-typo a:hover {
  color: #e55a00 !important;     /* Cam đậm hơn khi hover */
  text-decoration: underline;    /* Hover mới gạch chân */
}

/* Text có gạch chân (underline hoặc inline style) → đổi thành cam, bỏ gạch chân */
.il-typo u,
.il-typo span[style*="underline"],
.il-typo p[style*="underline"],
.il-typo *[style*="text-decoration:underline"] {
  color: #ff6a00 !important;
  text-decoration: none !important;
  font-weight: 600;              /* Làm nổi bật để giống link */
}
/* ===== Link màu cam (article, collection, page) ===== */
.il-typo a,
.template-article .rte a,
.template-collection .rte a,
.template-page .rte a {
  color: #ff6a00 !important;       /* Màu cam */
  text-decoration: none !important;
  font-weight: 600;
}

/* Hover link */
.il-typo a:hover,
.template-article .rte a:hover,
.template-collection .rte a:hover,
.template-page .rte a:hover {
  color: #e55a00 !important;       /* Cam đậm khi hover */
  text-decoration: underline;      /* Hover mới gạch chân */
}