/* ==========================================================================
   腾远官网 · 配色方案层   palette.css
   --------------------------------------------------------------------------
   **只保留一套配色：A 深墨分层**（2026-10-01 用户拍板：把所有其他配色去掉）。
     ?palette=a   →  html.pal-a   深墨分层 ★ 当前默认（变量照抄线上现状色，逐像素一致）
     ?palette=off →  一条规则都不命中 = 改动前的线上原样（拿来做前后对照）

   此前的备选配色（D~G 蓝橙变体、T~W 浅色、X~N 五套新风格）已全部移出主干，
   归档在 05-备份/palette-discarded.css，想拿回来说一声即可。

   ★ 最重要的一条设计：**所有生效规则都以 `html[class*="pal-"]` 开头**。
     不给 ?palette= 参数时，html 上没有 pal-* 类 → 本文件一条规则都不匹配 →
     桌面与手机都保持线上原样，零回归。

   ★ 只管「颜色令牌」与颜色映射，不管布局、字号、间距 —— 那些在 mobile-fix-v1.css 里。

   ★★ 选色的硬约束：**品牌标志是纯红的位图**（site/images/logo-...webp，
      RGBA 透明底，主色 #E60004；favicon.ico 同色），改不了颜色，
      且直接压在页头半透明深色条上。

   ★★ 变量共 17 个：10 个主档 + heading（浅底上的深色标题/图标）
      + dark-3（浅底上的深色文字档）/ accent-3（强调色亮档）
      + ok / warn / err / info（状态色，**预留** —— 站点当前没有组件用到，
        不参与渲染；以后加提示条、表单校验、徽标时直接有据可依）。
      A 的这些值照抄线上现状色，保证 A 逐像素等于线上。
   ========================================================================== */

/* ---------- A · 深墨分层 ----------
   不改色相，只做两件事：把「渐变辅色」从 3 个近似值收敛成 1 个；
   把最深的一档单独拿出来，专门给首屏面板 / 页脚 / 遮罩用。
   目的：让首屏照片下面的面板与下面那个深蓝区块**分出层次**，不再是糊成一块 */
html.pal-a{
  --pal-deep:    #0A1F3D;   /* 最深：首屏面板、页脚、图片遮罩 */
  --pal-dark:    #153E72;   /* 主深色块（保持品牌主色不动） */
  --pal-dark-2:  #1F4D85;   /* 深色渐变的辅色（原 #1a457a / #1a4f7a / #1f4d85 收敛为此一个） */
  --pal-accent:  #DC6A1B;   /* 强调色（品牌橙，不动） */
  --pal-accent-2:#C55A15;   /* 强调色暗档（hover / 渐变收尾） */
  --pal-light:   #FCFDFE;   /* 浅底 */
  --pal-light-2: #EEF2F7;   /* 浅底渐变档 */
  --pal-ink:     #1F2937;   /* 标题色 */
  --pal-text:    #4B5563;   /* 正文色 */
  --pal-line:    #E5E7EB;   /* 分隔线 */
  --pal-dark-3:  #0A3D62;   /* 深色文字档（浅底上的大标题/图标；照抄原始值，A 必须逐像素等于线上） */
  --pal-accent-3:#FF8C5A;   /* 浅色 hover 档（只有一个 hover 用它；照抄原始值） */
  --pal-heading: #153E72;   /* ★ 照抄原始值：生产包里 47 处 `text-[#153E72]` 靠它保持逐像素不变 */
  --pal-ok:      #1F7A4C;
  --pal-warn:    #8A5A0B;
  --pal-err:     #B3261E;
  --pal-info:    #2A5DB0;
}

/* ==========================================================================
   二、引擎：把站点现有的工具类映射到上面这些变量
   —— 下面这一整段三套配色共用，加新配色不用动
   ========================================================================== */

/* ---------- 2.1 深色表面 ---------- */
html[class*="pal-"] [class~="bg-[#153E72]"],
html[class*="pal-"] [class~="bg-[#0A1F3D]"],
html[class*="pal-"] [class~="bg-[#0A3D62]"],
html[class*="pal-"] [class~="bg-[#1a4f7a]"]{ background-color: var(--pal-dark) !important; }

/* 带透明度的变体（顶部导航、悬浮层）—— 用 color-mix 保住原来的半透明效果 */
html[class*="pal-"] [class~="bg-[#153E72]/85"]{ background-color: color-mix(in srgb, var(--pal-dark) 85%, transparent) !important; }
html[class*="pal-"] [class~="bg-[#153E72]/90"]{ background-color: color-mix(in srgb, var(--pal-dark) 90%, transparent) !important; }
html[class*="pal-"] [class~="bg-[#153E72]/95"]{ background-color: color-mix(in srgb, var(--pal-dark) 95%, transparent) !important; }
html[class*="pal-"] [class~="bg-[#153E72]/10"]{ background-color: color-mix(in srgb, var(--pal-dark) 10%, transparent) !important; }

/* 区块级渐变（内页页头横幅 / 企业文化区） */
html[class*="pal-"] [class*="from-[#153E72]"][class*="to-[#1f4d85]"],
html[class*="pal-"] [class*="from-[#153E72]"][class*="via-[#1a457a]"]{
  background-image: linear-gradient(to right, var(--pal-dark), var(--pal-dark-2)) !important;
}
html[class*="pal-"] [class*="from-[#153E72]"][class*="via-[#1a457a]"][class*="to-[#1f4d85]"]{
  background-image: linear-gradient(to right, var(--pal-dark), var(--pal-dark-2)) !important;
}
/* 首屏遮罩用的是最深那档 —— 跟面板同色，衔接才自然 */
html[class*="pal-"] [class*="from-[#0A1F3D]/80"]{
  background-image: linear-gradient(to bottom,
      color-mix(in srgb, var(--pal-deep) 80%, transparent),
      color-mix(in srgb, var(--pal-deep) 70%, transparent),
      color-mix(in srgb, var(--pal-deep) 85%, transparent)) !important;
}

/* 边框上的深蓝 */
html[class*="pal-"] [class~="border-[#1a4f7a]"]{ border-color: var(--pal-dark) !important; }

/* ---------- 2.2 强调色（橙） ---------- */
html[class*="pal-"] [class~="bg-[#DC6A1B]"],
html[class*="pal-"] [class~="bg-[#C55A15]"],
html[class*="pal-"] [class~="bg-[#FF6B35]"]{ background-color: var(--pal-accent) !important; }

html[class*="pal-"] [class~="text-[#DC6A1B]"],
html[class*="pal-"] [class~="text-[#C55A15]"],
html[class*="pal-"] [class~="text-[#FF6B35]"]{ color: var(--pal-accent) !important; }

html[class*="pal-"] [class~="border-[#DC6A1B]"],
html[class*="pal-"] [class~="border-[#C55A15]"]{ border-color: var(--pal-accent) !important; }

/* 半透明变体（卡片 hover 边框、装饰块、左边框） */
html[class*="pal-"] [class~="border-[#DC6A1B]/40"]{ border-color: color-mix(in srgb, var(--pal-accent) 40%, transparent) !important; }
html[class*="pal-"] [class~="border-[#DC6A1B]/30"]{ border-color: color-mix(in srgb, var(--pal-accent) 30%, transparent) !important; }
html[class*="pal-"] [class~="border-[#DC6A1B]/60"]{ border-color: color-mix(in srgb, var(--pal-accent) 60%, transparent) !important; }
html[class*="pal-"] [class~="bg-[#DC6A1B]/30"]{ background-color: color-mix(in srgb, var(--pal-accent) 30%, transparent) !important; }
html[class*="pal-"] [class~="bg-[#DC6A1B]/50"]{ background-color: color-mix(in srgb, var(--pal-accent) 50%, transparent) !important; }

/* 橙色参与的渐变：小横条 / 顶部边 / 按钮 */
/* ★★ 2026-09-28 修一个真 bug：这三行原来用 [class*=]（**子串**匹配），
   于是 `from-[#DC6A1B]/5`、`from-[#DC6A1B]/8`、`to-[#DC6A1B]/5` 这些
   **带透明度的变体**也被一起命中，而赋值时把透明度丢了 ——
   结果「5% 的淡橙」被换成「不透明的纯橙」。
   实测代价：/about「企业核心数据」的渐变容器整片变成浓橙；
   卡片右上角 96×96 的装饰圆（rounded-bl-full）变成饱和橙。
   改用 [class~=]（**整词**匹配）后只命中不带透明度的那一个，变体保持原样。 */
html[class*="pal-"] [class~="from-[#DC6A1B]"]{ --tw-gradient-from: var(--pal-accent) var(--tw-gradient-from-position) !important; }
html[class*="pal-"] [class~="to-[#C55A15]"],
html[class*="pal-"] [class~="to-[#DC6A1B]"]{ --tw-gradient-to: var(--pal-accent-2) var(--tw-gradient-to-position) !important; }
html[class*="pal-"] [class~="bg-gradient-to-br"][class~="from-[#DC6A1B]/8"]{
  background-image: linear-gradient(to bottom right,
      color-mix(in srgb, var(--pal-accent) 8%, transparent), transparent) !important;
}
html[class*="pal-"] [class~="bg-[#DC6A1B]"] .text-white,
html[class*="pal-"] [class~="bg-[#DC6A1B]"] [class*="text-white"]{ color: #fff !important; }

/* ★ 2026-09-29：同一件事，生产包里有一处写的是**小写** `bg-[#dc6a1b]`
   （首页首屏那个主按钮「查看产品」）。CSS 属性选择器的值是**大小写敏感**的，
   所以上面那条整词匹配怎么都命中不了它 —— 换成别的配色时，整站就它一个还留着原橙。
   解法只能是把小写写法也列一遍（或给选择器加 `i` 标志；这里选显式列出，改动面最小）。 */
html[class*="pal-"] [class~="bg-[#dc6a1b]"]{ background-color: var(--pal-accent) !important; }

/* ---------- 2.3 浅底与中性 ---------- */
html[class*="pal-"] [class~="bg-[#FCFDFE]"],
html[class*="pal-"] [class~="bg-[#FAFAFA]"],
html[class*="pal-"] [class~="bg-[#F3F4F6]"]{ background-color: var(--pal-light) !important; }

html[class*="pal-"] [class~="bg-[#EEF2F7]"]{ background-color: var(--pal-light-2) !important; }

/* 「from-[#EEF2F7] to-[#FCFDFE]」这类浅色区块渐变 */
html[class*="pal-"] [class~="from-[#EEF2F7]"][class~="to-[#FCFDFE]"],
html[class*="pal-"] [class~="from-[#FAFAFA]"]{
  background-image: linear-gradient(to bottom, var(--pal-light-2), var(--pal-light)) !important;
}
/* 「from-[#EEF2F7] to-white」这类横向浅渐变（企业核心实力的小卡） */
html[class*="pal-"] [class~="from-[#EEF2F7]"][class~="to-white"]{
  background-image: linear-gradient(to right, var(--pal-light-2), var(--pal-light)) !important;
}

/* ---------- 2.4 文字 ---------- */
html[class*="pal-"] [class~="text-[#666666]"],
html[class*="pal-"] [class~="text-[#4b5563]"]{ color: var(--pal-text) !important; }
html[class*="pal-"] [class~="text-[#2D2D2D]"],
html[class*="pal-"] [class~="text-[#111827]"],
html[class*="pal-"] [class~="text-[#1f2937]"]{ color: var(--pal-ink) !important; }
html[class*="pal-"] [class~="border-[#e5e7eb]"]{ border-color: var(--pal-line) !important; }
/* ==========================================================================
   二之二、补全：把生产包里**其余仍在用的**颜色类也接到变量上
   --------------------------------------------------------------------------
   2026-09-29 用脚本把 index-50664c65.js + index-603fa2f9.css 里所有
   「Tailwind 任意值颜色类」抽出来，与上面的覆盖清单做差集 —— 结果是
   **还有 30 个类没被接管，合计出现 141 处**。不补的话，切到别的配色会只换一半：
   最刺眼的是 `text-[#153E72]`（47 处，浅底上的深蓝标题/图标）和
   `bg-[#dc6a1b]`（1 处，首页首屏那个主按钮，**小写**，所以整词选择器没命中）。

   三条写法定律（都是踩过的坑）：
     · 用 `[class~=]` 整词匹配，**绝不用** `[class*=]` —— 后者会连
       `from-[#DC6A1B]/5` 这种带透明度的变体一起命中，赋值时丢透明度（见 2.2 注释）。
     · 带 `/xx` 的透明度变体一律用 `color-mix(in srgb, var(...) xx%, transparent)` 保住透明度。
     · 渐变类改的是 Tailwind 自己的 `--tw-gradient-from / -via / -to`，
       而不是覆盖 `background-image` —— 这样任意 from/via/to 组合都能跟着走。
   ========================================================================== */

/* ---------- 2.5 深蓝/深色文字（47+3 处） ----------
   浅底上的大标题、小图标大量用 #153E72 / #0A3D62。这是最影响
   "整体像不像换了"的一块，必须一起走。

   ★★ 这里必须用 `--pal-heading`（浅底上的深色文字档），**不能用 `--pal-dark`**：
     现在「四」段的首页尾部转浅也用同一个道理 —— 那段用的是独立的 --pal-heading，
     不吃 --pal-dark，所以不会互相影响。 */
html[class*="pal-"] [class~="text-[#153E72]"]{ color: var(--pal-heading) !important; }
html[class*="pal-"] [class~="text-[#0A3D62]"]{ color: var(--pal-dark-3) !important; }
html[class*="pal-"] [class~="hover:text-[#153E72]"]:hover{ color: var(--pal-heading) !important; }

/* ---------- 2.6 深色的 hover 背景 ---------- */
html[class*="pal-"] [class~="hover:bg-[#153E72]"]:hover{ background-color: var(--pal-dark) !important; }
html[class*="pal-"] [class~="hover:bg-[#1a4f7a]"]:hover{ background-color: var(--pal-dark-2) !important; }
html[class*="pal-"] [class~="hover:bg-[#153E72]/10"]:hover{
  background-color: color-mix(in srgb, var(--pal-dark) 10%, transparent) !important;
}

/* ---------- 2.7 渐变三档（改写 Tailwind 的渐变变量） ---------- */
html[class*="pal-"] [class~="from-[#153E72]"],
html[class*="pal-"] [class~="from-[#0A3D62]"]{
  --tw-gradient-from: var(--pal-dark) var(--tw-gradient-from-position) !important;
}
html[class*="pal-"] [class~="via-[#1a457a]"]{
  --tw-gradient-via: var(--pal-dark-2) var(--tw-gradient-via-position) !important;
}
html[class*="pal-"] [class~="via-[#153E72]"]{
  --tw-gradient-via: var(--pal-dark) var(--tw-gradient-via-position) !important;
}
html[class*="pal-"] [class~="to-[#1f4d85]"],
html[class*="pal-"] [class~="to-[#1a4f7a]"]{
  --tw-gradient-to: var(--pal-dark-2) var(--tw-gradient-to-position) !important;
}

/* 浅色渐变（企業核心实力那种「浅灰 → 白」） */
html[class*="pal-"] [class~="from-[#FCFDFE]"]{
  --tw-gradient-from: var(--pal-light) var(--tw-gradient-from-position) !important;
}
html[class*="pal-"] [class~="to-[#FAFAFA]"]{
  --tw-gradient-to: var(--pal-light) var(--tw-gradient-to-position) !important;
}

/* 带透明度的渐变档 —— 必须用 color-mix 保住那个透明度 */
html[class*="pal-"] [class~="from-[#153E72]/10"],
html[class*="pal-"] [class~="group-hover:from-[#153E72]/10"]{
  --tw-gradient-from: color-mix(in srgb, var(--pal-dark) 10%, transparent) var(--tw-gradient-from-position) !important;
}
html[class*="pal-"] [class~="from-[#153E72]/5"]{
  --tw-gradient-from: color-mix(in srgb, var(--pal-dark) 5%, transparent) var(--tw-gradient-from-position) !important;
}
html[class*="pal-"] [class~="via-[#0A1F3D]/70"]{
  --tw-gradient-via: color-mix(in srgb, var(--pal-deep) 70%, transparent) var(--tw-gradient-via-position) !important;
}
html[class*="pal-"] [class~="to-[#0A1F3D]/85"]{
  --tw-gradient-to: color-mix(in srgb, var(--pal-deep) 85%, transparent) var(--tw-gradient-to-position) !important;
}
html[class*="pal-"] [class~="bg-[#0A1F3D]/45"]{
  background-color: color-mix(in srgb, var(--pal-deep) 45%, transparent) !important;
}

/* ---------- 2.8 橙色系的其余档位与 hover ---------- */
html[class*="pal-"] [class~="from-[#DC6A1B]/10"],
html[class*="pal-"] [class~="group-hover:from-[#DC6A1B]/10"]{
  --tw-gradient-from: color-mix(in srgb, var(--pal-accent) 10%, transparent) var(--tw-gradient-from-position) !important;
}
html[class*="pal-"] [class~="from-[#DC6A1B]/5"]{
  --tw-gradient-from: color-mix(in srgb, var(--pal-accent) 5%, transparent) var(--tw-gradient-from-position) !important;
}
html[class*="pal-"] [class~="to-[#DC6A1B]/10"],
html[class*="pal-"] [class~="group-hover:to-[#DC6A1B]/10"]{
  --tw-gradient-to: color-mix(in srgb, var(--pal-accent) 10%, transparent) var(--tw-gradient-to-position) !important;
}
html[class*="pal-"] [class~="to-[#DC6A1B]/5"]{
  --tw-gradient-to: color-mix(in srgb, var(--pal-accent) 5%, transparent) var(--tw-gradient-to-position) !important;
}

html[class*="pal-"] [class~="hover:bg-[#C55A15]"]:hover{ background-color: var(--pal-accent-2) !important; }
html[class*="pal-"] [class~="hover:bg-[#FF8C5A]"]:hover{ background-color: var(--pal-accent-3) !important; }
html[class*="pal-"] [class~="hover:text-[#C55A15]"]:hover{ color: var(--pal-accent-2) !important; }
html[class*="pal-"] [class~="hover:text-[#DC6A1B]"]:hover,
html[class*="pal-"] [class~="hover:text-[#FF6B35]"]:hover{ color: var(--pal-accent) !important; }

/* 卡片 hover 时的橙色描边（40 档 23 处、30 档 7 处，量不小） */
html[class*="pal-"] [class~="hover:border-[#DC6A1B]/40"]:hover{
  border-color: color-mix(in srgb, var(--pal-accent) 40%, transparent) !important;
}
html[class*="pal-"] [class~="hover:border-[#DC6A1B]/30"]:hover{
  border-color: color-mix(in srgb, var(--pal-accent) 30%, transparent) !important;
}

/* ---------- 已知残留（有意不接） ----------
   `hover:shadow-[#153E72]/20|30`（8 处）是按钮 hover 时的深蓝柔光。
   接它要动 Tailwind 的 --tw-shadow-color / --tw-shadow-colored 两个内部变量，
   改错的代价（阴影整个消失或变黑边）比收益大；而且 20~30% 的柔光在近黑底上
   几乎看不出来。先留原色，写在文档里备查。 */

/* ==========================================================================
   四、首页「关于我们」及以后的区块转浅色（2026-10-01 · 针对 A 的首页优化）
   --------------------------------------------------------------------------
   用户要求：首页从「关于我们」开始的蓝色背景板改成白色，双端都要改，整体保持美观。

   实测结构（2026-10-01，PC 1440 / 手机 390 都量过）：
     首页 main > section 只有 3 块 ——
       #0 首屏（PC 是照片+深色面板；手机是 60vw 照片带 + #153E72 面板）
       #1 高度为 0 的空壳
       #2 「关于我们」—— py-20 bg-[#153E72] text-white，桌面 2444px / 手机 7225px，
          里头套着一个 bg-[#153E72] 的「产品中心」块（产品卡片是白底），
          以及两条 from-[#153E72] 的渐变遮罩（轮播两端淡出用）
     页脚也是 bg-[#153E72] text-white，两张 96px 的白底小程序码（放白底上反而更自然）

   做法：JS 找到「标题含『关于我们』」的那个 section，以及它后面的兄弟，
   打上 data-lt="1"（见 mobile-fix-v1.js 的 applyLightTail）；
   这里只认标记。打标记的判定在 JS 里做（CSS 分不清哪一块是"关于我们"）。

   ★ 2026-10-02 用户拍板：**页脚不再转白**（换回原状深蓝）。下方 4.4 的
     footer[data-ltf="1"] 规则保留但已无标记可命中 —— JS 不再打 data-ltf，
     只负责清掉历史标记。想恢复页脚转白，在 applyLightTail 里恢复打标记即可。

   ★ 为什么还挂在 pal-* 上：这样 ?palette=off 仍然是"改动前的线上原样"，
     可以随时拿来做前后对照；而默认（A）下它就是新外观。
   ========================================================================== */

/* ---- 4.1 区块底色：整块转白 ---- */
html[class*="pal-"] [data-lt="1"],
html[class*="pal-"] [data-lt="1"] [class~="bg-[#153E72]"]{
  background-color: var(--pal-light) !important;
  background-image: none !important;
}
/* 内层「产品中心」那个蓝块给一层很浅的灰蓝（#EEF2F7），让白底的产品卡在浅色页面上仍有轮廓。
   ⚠️ 这块原本是"蓝压蓝"，在深色版里根本看不见边界；一旦转浅，它就是个宽 1280px
      （1440 视口下两侧各留 80px 白边）的悬浮色块 —— 很难看。
      它是**满宽区块**，所以用 box-shadow 把底色铺出去 + clip-path 只保留横向，
      做到真正通栏。★ 不碰 padding / margin：那会改变文案换行，页高就变了。 */
html[class*="pal-"] [data-lt="1"] [class~="bg-[#153E72]"][class~="-mx-4"]{
  background-color: var(--pal-light-2) !important;
  box-shadow: 0 0 0 100vmax var(--pal-light-2) !important;
  clip-path: inset(0 -100vmax) !important;
}

/* ---- 4.2 轮播两端的渐变遮罩：从"淡出到深蓝"改成"淡出到浅底" ---- */
html[class*="pal-"] [data-lt="1"] [class~="from-[#153E72]"]{
  --tw-gradient-from: var(--pal-light-2) var(--tw-gradient-from-position) !important;
}

/* ---- 4.3 文字：白字 → 深色；标题用品牌深蓝（跟 /about 那些浅底页同一套层级） ---- */
html[class*="pal-"] [data-lt="1"][class~="text-white"],
html[class*="pal-"] [data-lt="1"] [class~="text-white"],
html[class*="pal-"] [data-lt="1"] [class~="text-gray-100"],
html[class*="pal-"] [data-lt="1"] [class~="text-gray-200"],
html[class*="pal-"] [data-lt="1"] [class~="text-gray-300"]{ color: var(--pal-ink) !important; }
html[class*="pal-"] [data-lt="1"] [class~="text-gray-400"]{ color: var(--pal-text) !important; }
html[class*="pal-"] [data-lt="1"] h1[class~="text-white"],
html[class*="pal-"] [data-lt="1"] h2[class~="text-white"],
html[class*="pal-"] [data-lt="1"] h3[class~="text-white"],
html[class*="pal-"] [data-lt="1"] h4[class~="text-white"]{ color: var(--pal-heading) !important; }

/* ---- 4.4 为深底准备的控件 ---- */
/* 次要按钮原来是 border-white + text-white，浅底上要换成深色描边 */
html[class*="pal-"] [data-lt="1"] [class*="border-white"]{
  border-color: color-mix(in srgb, var(--pal-ink) 42%, transparent) !important;
}
/* 白底按钮落在白底上会消失，补一条浅描边 */
html[class*="pal-"] [data-lt="1"] a[class~="bg-white"],
html[class*="pal-"] [data-lt="1"] button[class~="bg-white"]{
  border: 1px solid var(--pal-line) !important;
}
/* 白卡在浅底上需要一条很淡的投影才不糊（不加高度，不影响页高差） */
html[class*="pal-"] [data-lt="1"] [class~="bg-white"][class*="rounded"]{
  box-shadow: 0 1px 0 var(--pal-line) !important;
}

/* ---- 4.5 页脚转白 ---- */
html[class*="pal-"] footer[data-ltf="1"]{
  background-color: var(--pal-light) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 var(--pal-line);      /* 与上一块的分隔线，不加高 */
}
html[class*="pal-"] footer[data-ltf="1"][class~="text-white"]{ color: var(--pal-ink) !important; }
html[class*="pal-"] footer[data-ltf="1"] [class~="text-white"],
html[class*="pal-"] footer[data-ltf="1"] [class~="text-gray-200"],
html[class*="pal-"] footer[data-ltf="1"] [class~="text-gray-300"],
html[class*="pal-"] footer[data-ltf="1"] [class~="text-gray-400"]{ color: var(--pal-text) !important; }
html[class*="pal-"] footer[data-ltf="1"] h3[class~="text-white"],
html[class*="pal-"] footer[data-ltf="1"] h4[class~="text-white"]{ color: var(--pal-heading) !important; }