/* Heading Unify v1
   Goal: make ALL panel/div headings consistent (light + dark), even if legacy CSS paints them.
   Marker: HEADINGUNIFY01
*/

:root{
  --heading-bg: rgba(17,24,39,.03);
  --heading-border: rgba(0,0,0,.10);
  --heading-text: var(--ui-text, #111827);
}

body[data-site-theme="dark"]{
  --heading-bg: var(--site-surface-2, #111b31);
  --heading-border: var(--site-border, rgba(255,255,255,.14));
  --heading-text: var(--site-text, #e5e7eb);
}

/* Common heading containers (Bootstrap 3 + custom) */
.panel > .panel-heading,
.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading,
.panel-green > .panel-heading,
.panel-red > .panel-heading,
.panel-yellow > .panel-heading,
.panel .panel-heading,
.box > .box-header,
.box-header,
.card > .card-header,
.card-header,
.me-card > .me-card-header,
.me-card-header,
.section-header,
.table-title,
.table-header{
  background: var(--heading-bg) !important;
  color: var(--heading-text) !important;
  border-color: var(--heading-border) !important;
}

/* Ensure text inside headings stays readable */
.panel-heading,
.panel-heading * ,
.box-header,
.box-header *,
.card-header,
.card-header *{
  color: var(--heading-text) !important;
}

/* Keep links readable but still look like links on hover */
.panel-heading a,
.box-header a,
.card-header a{
  color: var(--heading-text) !important;
  text-decoration: none;
}
.panel-heading a:hover,
.box-header a:hover,
.card-header a:hover{
  text-decoration: underline;
}

/* If any legacy theme forces WHITE text, neutralize it in both modes */
.panel-heading .text-muted,
.box-header .text-muted,
.card-header .text-muted{
  color: color-mix(in srgb, var(--heading-text) 70%, transparent) !important;
}

/* Slight outline for better contrast on tinted backgrounds (subtle) */
.panel-heading,
.box-header,
.card-header{
  text-shadow: 0 1px 0 rgba(255,255,255,.28), 0 0 1px rgba(0,0,0,.22);
}
body[data-site-theme="dark"] .panel-heading,
body[data-site-theme="dark"] .box-header,
body[data-site-theme="dark"] .card-header{
  text-shadow: 0 1px 0 rgba(0,0,0,.42), 0 0 1px rgba(0,0,0,.55);
}