/* =============================================
   Paint it Black — Elementor Overrides
   Override Elementor Kit global styles for
   dark theme v2.
   ============================================= */

/* ---- NUCLEAR: Kill Elementor Kit "Plus Jakarta Sans" ---- */
/* Elementor Kit generates dynamic CSS that sets font-family on body,
   headings, and widgets. We must override at every level. */
body.elementor-page,
body.elementor-default,
body[class*="elementor-kit-"] {
	font-family: 'Open Sans', sans-serif !important;
}

body.elementor-page h1,
body.elementor-page h2,
body.elementor-page h3,
body.elementor-page h4,
body.elementor-page h5,
body.elementor-page h6,
body.elementor-default h1,
body.elementor-default h2,
body.elementor-default h3,
body.elementor-default h4,
body.elementor-default h5,
body.elementor-default h6 {
	font-family: 'Anton', sans-serif !important;
}

/* ---- Remap Elementor global colors (dark theme) ---- */
/* Support both live (kit-1831) and staging (any kit ID) */
.elementor-kit-1831,
[class*="elementor-kit-"] {
	--e-global-color-primary:   var(--mic-text-primary);
	--e-global-color-secondary: var(--mic-text-secondary);
	--e-global-color-text:      var(--mic-text-primary);
	--e-global-color-accent:    var(--mic-purple);
}

/* ---- Remap Elementor global fonts — HARDCODED ---- */
.elementor-kit-1831,
[class*="elementor-kit-"] {
	--e-global-typography-primary-font-family:   'Anton', sans-serif;
	--e-global-typography-secondary-font-family: 'Anton', sans-serif;
	--e-global-typography-text-font-family:      'Open Sans', sans-serif;
	--e-global-typography-accent-font-family:    'Open Sans', sans-serif;
	--e-global-typography-primary-font-weight:   400;
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-weight:      400;
	--e-global-typography-accent-font-weight:    400;
}

/* ---- Heading widgets ---- */
.elementor-heading-title {
	font-family: 'Anton', sans-serif !important;
	letter-spacing: -0.02em;
	color: var(--mic-text-primary);
}

/* ---- Text editor widget ---- */
.elementor-text-editor {
	font-family: 'Open Sans', sans-serif !important;
	line-height: var(--mic-leading-relaxed);
	color: var(--mic-text-secondary);
}

/* ---- Button widget ---- */
.elementor-button {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600;
	border-radius: var(--mic-radius-md);
	transition: all var(--mic-transition-normal);
	letter-spacing: 0;
	text-transform: none;
}

.elementor-button:hover {
	transform: translateY(-1px);
}

.elementor-button.elementor-size-md {
	padding: var(--mic-space-3) var(--mic-space-6);
	font-size: var(--mic-text-base);
}

.elementor-button.elementor-size-sm {
	padding: var(--mic-space-2) var(--mic-space-4);
	font-size: var(--mic-text-sm);
}

.elementor-button.elementor-size-lg {
	padding: var(--mic-space-4) var(--mic-space-8);
	font-size: var(--mic-text-lg);
}

/* ---- Image widget ---- */
.elementor-image img {
	border-radius: var(--mic-radius-md);
}

/* ---- Icon widget ---- */
.elementor-icon {
	transition: all var(--mic-transition-normal);
}

/* ---- Section / Container spacing ---- */
.elementor-section .elementor-container {
	max-width: var(--mic-container-max);
}

.e-con {
	--container-max-width: var(--mic-container-max);
}

/* ---- Divider widget ---- */
.elementor-divider-separator {
	border-color: var(--mic-border);
}

/* ---- Tabs widget ---- */
.elementor-tab-title {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 500;
	color: var(--mic-text-secondary);
}

.elementor-tab-title.elementor-active {
	color: var(--mic-purple);
}

/* ---- Accordion widget (dark bg) ---- */
.elementor-accordion .elementor-accordion-item {
	border-color: var(--mic-border-subtle);
}

.elementor-accordion .elementor-tab-title {
	font-family: 'Anton', sans-serif !important;
	font-weight: 600;
	color: var(--mic-text-primary);
}

.elementor-accordion .elementor-tab-title:hover {
	color: var(--mic-yellow);
}

.elementor-accordion .elementor-tab-content {
	font-family: 'Open Sans', sans-serif !important;
	color: var(--mic-text-secondary);
	line-height: var(--mic-leading-relaxed);
	border-color: var(--mic-border-subtle);
}

.elementor-accordion .elementor-accordion-icon {
	color: var(--mic-text-muted);
}

/* ---- Icon Box widget ---- */
.elementor-icon-box-title {
	font-family: 'Anton', sans-serif !important;
	font-weight: 600;
	color: var(--mic-text-primary);
}

.elementor-icon-box-description {
	font-family: 'Open Sans', sans-serif !important;
	color: var(--mic-text-secondary);
	line-height: var(--mic-leading-relaxed);
}

/* ---- Counter widget ---- */
.elementor-counter-number-wrapper {
	font-family: 'Anton', sans-serif !important;
	font-weight: 800;
	color: var(--mic-yellow);
}

.elementor-counter-title {
	font-family: 'Open Sans', sans-serif !important;
	color: var(--mic-text-muted);
}

/* ---- Testimonial widget ---- */
.elementor-testimonial-content {
	font-family: 'Open Sans', sans-serif !important;
	font-style: italic;
	color: var(--mic-text-secondary);
	line-height: var(--mic-leading-relaxed);
}

.elementor-testimonial-name {
	font-family: 'Anton', sans-serif !important;
	font-weight: 600;
	color: var(--mic-text-primary);
}

/* ---- Form widget (Elementor Pro) ---- */
.elementor-form .elementor-field {
	font-family: 'Open Sans', sans-serif !important;
	font-size: var(--mic-text-base);
	border: 1px solid var(--mic-border);
	border-radius: var(--mic-radius-md);
	padding: var(--mic-space-3) var(--mic-space-4);
	background: var(--mic-bg-card);
	color: var(--mic-text-primary);
	transition: border-color var(--mic-transition-fast), box-shadow var(--mic-transition-fast);
}

.elementor-form .elementor-field:focus {
	border-color: var(--mic-purple);
	box-shadow: 0 0 0 3px var(--mic-purple-glow);
}

.elementor-form .elementor-field-label {
	font-family: 'Open Sans', sans-serif !important;
	font-size: var(--mic-text-sm);
	font-weight: 500;
	color: var(--mic-text-secondary);
}

.elementor-form .elementor-button[type="submit"] {
	background: var(--mic-yellow);
	color: var(--mic-black);
	border: 2px solid var(--mic-yellow);
	font-weight: 600;
}

.elementor-form .elementor-button[type="submit"]:hover {
	background: var(--mic-yellow-hover);
	border-color: var(--mic-yellow-hover);
	box-shadow: 0 4px 14px var(--mic-yellow-glow);
}

/* ---- Nav Menu widget ---- */
.elementor-nav-menu a {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 500;
	color: var(--mic-text-secondary);
	transition: color var(--mic-transition-fast);
}

.elementor-nav-menu a:hover {
	color: var(--mic-yellow);
}

/* ---- Posts / Archive widget ---- */
.elementor-post__title a {
	font-family: 'Anton', sans-serif !important;
	font-weight: 700;
	color: var(--mic-text-primary);
}

.elementor-post__excerpt {
	font-family: 'Open Sans', sans-serif !important;
	color: var(--mic-text-secondary);
	line-height: var(--mic-leading-relaxed);
}

.elementor-post {
	border-radius: var(--mic-radius-lg);
	overflow: hidden;
	transition: all var(--mic-transition-normal);
}

.elementor-post:hover {
	box-shadow: var(--mic-shadow-lg);
	transform: translateY(-2px);
}

/* ---- Dark bg button default ---- */
.elementor-widget-button .elementor-button {
	background: var(--mic-purple);
	border-radius: 12px;
	font-weight: 700;
	transition: background 250ms ease-in-out, box-shadow 250ms ease-in-out;
}

.elementor-widget-button .elementor-button:hover {
	background: var(--mic-purple-hover);
	box-shadow: 0 8px 40px rgba(133, 17, 255, 0.35);
}

/* ---- EXTRA: Override Elementor dynamic typography CSS ---- */
/* Elementor Kit generates rules like:
   .elementor-kit-XXXX { --e-global-typography-XXX-font-family: "Plus Jakarta Sans" }
   and also applies directly on .elementor-widget selectors.
   The rules below catch any remaining leaks. */
.elementor-widget h1,
.elementor-widget h2,
.elementor-widget h3,
.elementor-widget h4,
.elementor-widget h5,
.elementor-widget h6,
.elementor-widget .elementor-heading-title {
	font-family: 'Anton', sans-serif !important;
}

.elementor-widget p,
.elementor-widget span,
.elementor-widget a,
.elementor-widget li,
.elementor-widget td,
.elementor-widget th,
.elementor-widget label,
.elementor-widget input,
.elementor-widget textarea,
.elementor-widget select,
.elementor-widget .elementor-text-editor {
	font-family: 'Open Sans', sans-serif !important;
}