/*
 * Safwat Al Khair – Custom Overrides
 * Additional project-specific styles on top of theme.css
 * Design tokens live in style.css :root — do not duplicate here.
 */

/* ═══ Bootstrap dark-mode overrides ═══ */
.table{
	--bs-table-bg: var(--color-surface);
	--bs-table-striped-bg: var(--color-bg);
	--bs-table-hover-bg: rgba(210,186,129,.08);
	color: var(--color-text);
}

.modal-content{
	background: var(--color-surface);
	color: var(--color-text);
	border: 1px solid var(--color-border);
}

.modal-header{border-color: var(--color-border);}
.modal-footer{border-color: var(--color-border);}

.accordion-item{
	background: var(--color-surface);
	border-color: var(--color-border);
}
.accordion-button{
	background: var(--color-surface);
	color: var(--color-text);
}
.accordion-button:not(.collapsed){
	background: rgba(210,186,129,.08);
	color: var(--color-gold);
}

.list-group-item{
	background: var(--color-surface);
	color: var(--color-text);
	border-color: var(--color-border);
}

/* ═══ Elementor compat ═══ */
.safwat-elementor-content{background:var(--color-bg);}
.elementor-widget-text-editor{color:var(--color-text);}

/* ═══ Extra utility classes ═══ */
.small-note{font-size:.925rem;color:var(--color-text-muted);}
.text-muted{color:var(--color-text-muted) !important;}
.rounded-xxl{border-radius:var(--radius-lg) !important;}