/* =========================================================================
   Divi compatibility — applies ONLY on Kollecta-templated pages
   (body.kollecta-divi). Forces the dark canvas through Divi's content
   containers, since Divi may set a light background on them, and lets the
   Kollecta sections span the full content width.
   ========================================================================= */

body.kollecta-divi,
body.kollecta-divi #page-container,
body.kollecta-divi #et-main-area,
body.kollecta-divi #main-content,
body.kollecta-divi .et_pb_pagebuilder_layout {
	background: var(--bg);
	color: var(--txt);
}

/* Remove Divi's default content spacing so full-bleed sections align flush. */
body.kollecta-divi #main-content { padding: 0; }
body.kollecta-divi #left-area { width: 100%; padding: 0; }
body.kollecta-divi #sidebar { display: none; }

/* Divi applies a global img rule; keep template media fluid. */
body.kollecta-divi .page-tmpl img { height: auto; }

/* Let position:sticky work (the Services stacking deck) — a Divi ancestor with
   overflow:hidden would otherwise break it. */
body.kollecta-divi #page-container,
body.kollecta-divi #et-main-area,
body.kollecta-divi #main-content,
body.kollecta-divi .et_pb_pagebuilder_layout { overflow: visible; }


/* Divi prints `.entry-content thead th, .entry-content tr th { color:#555 }`
   in an inline block, which outranks app.css at equal specificity and fails
   contrast on the dark canvas. Two classes beat one. */
body.kollecta-divi .entry-content thead th,
body.kollecta-divi .entry-content tr th {
	color: var(--txt);
	background: var(--panel-2);
}
body.kollecta-divi .entry-content tr td { color: var(--mute); }