/**
 * Tiêu đề tab / bảng Thông số: xanh nhạt giảm dần (giống khung soạn nội dung).
 *
 * File này import SAU theme-consistency + light-theme-consistency để không bị
 * .public-light-scope table thead { #f8fafc } và tab cyan-600 đè mất gradient.
 * Không sửa file khóa theme; không đụng database.
 */

:root {
  --giasy-specs-fade: linear-gradient(180deg, #7dd3fc 0%, #bae6fd 32%, #e0f2fe 68%, #f0f9ff 100%);
}

/* ---- Bảng trong bài / ô soạn: thead xanh nhạt fade, chữ 18px ---- */
html.storefront-root .html-content-light table thead th,
html.storefront-root .unified-content table thead th,
html.storefront-root .product-description-content table thead th,
html.storefront-root .news-article-content table thead th,
html.storefront-root .product-specs-table-dynamic table thead,
html.storefront-root .product-specs-table-dynamic table thead th,
html.storefront-root .product-key-specs-highlight table thead,
html.storefront-root .product-key-specs-highlight table thead th,
html.admin-root [contenteditable]:not(.backlink-highlight):not([data-match-id]) table thead th,
html.admin-root .html-content-light table thead th,
html.admin-root .admin-rich-text-preview table thead th {
  background: #e0f2fe var(--giasy-specs-fade) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

/* ---- Tab chi tiết SP (đè cyan-600 + text-sm của TabsTrigger / theme lock) ---- */
html.storefront-root .product-detail-tabs,
html.storefront-root .product-detail-tabs-list,
html.storefront-root .public-light-scope [data-product-detail-tabs] {
  background: #f8fafc !important;
  border: 1px solid #7dd3fc !important;
  box-shadow: none !important;
}

html.storefront-root .product-detail-tab,
html.storefront-root .public-light-scope [data-product-detail-tabs] button[role="tab"] {
  background: #ffffff !important;
  background-image: none !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}

html.storefront-root .product-detail-tab[data-state="active"],
html.storefront-root .public-light-scope [data-product-detail-tabs] button[role="tab"][data-state="active"],
html.storefront-root .public-light-scope [data-product-detail-tabs] button[role="tab"][data-state="active"].text-white,
html.storefront-root .public-light-scope [data-product-detail-tabs] button.product-detail-tab[data-state="active"] {
  background: #e0f2fe var(--giasy-specs-fade) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: #38bdf8 !important;
  box-shadow: none !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* ---- Khung / hàng tiêu đề Thông số (homepage + PDP) ---- */
html.storefront-root .product-specs-table-dynamic,
html.storefront-root .product-key-specs-highlight {
  background: #ffffff !important;
  border: 1px solid #7dd3fc !important;
  color: #0f172a !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

html.storefront-root .product-specs-table-dynamic .product-specs-fade-head,
html.storefront-root .product-key-specs-highlight .product-specs-fade-head,
html.storefront-root .product-specs-fade-head {
  background: #e0f2fe var(--giasy-specs-fade) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: #7dd3fc !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

html.storefront-root .product-specs-table-dynamic .product-specs-fade-head :where(h2, h3, p, span),
html.storefront-root .product-key-specs-highlight .product-specs-fade-head :where(h2, h3, p, span) {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

html.storefront-root .product-specs-table-dynamic table,
html.storefront-root .product-key-specs-highlight table,
html.storefront-root .product-specs-table-dynamic td,
html.storefront-root .product-key-specs-highlight td,
html.storefront-root .product-key-specs-highlight .product-specs-row {
  font-size: 18px !important;
  line-height: 1.45 !important;
  color: #0f172a !important;
}

html.storefront-root .product-specs-table-dynamic td,
html.storefront-root .product-key-specs-highlight td {
  background: #ffffff !important;
}