/*
 * DevAura launch fixes (2026-10-11). Each rule names the audit issue it fixes.
 * Loaded after the plugin styles. Template CSS uses !important heavily, so these rules
 * use `html body` specificity plus !important where needed.
 * Rollback: dequeue this file (devaura-core/fixes.php).
 */

/* H6 - consultation form labels were #1A1A1A on a near-black card in dark mode (1:1). */
html[data-theme="dark"] body .da-input-label,
html[data-theme="dark"] body .da-form-group label {
	color: #ECECEF !important;
}

/* H6 - mission card: gold surface with dark text in both themes (pale-on-gold in dark mode). */
html body .da-mission-statement {
	background-color: #FDE68A !important;
	color: #1A1A1A !important;
	border-color: #1A1A1A !important;
}

/* H9 - giant footer heading clipped on phones; scale with the viewport and never overflow. */
html body #devaura-custom-footer .da-footer-massive-cta {
	font-size: clamp(1.55rem, 7.2vw, 6.5rem) !important;
	overflow-wrap: anywhere;
	max-width: 100%;
}

/* H9 + M6 - footer social pills: wrap instead of being cut off; 44px tap targets. */
html body #devaura-custom-footer .da-footer-soc-pills {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}
html body #devaura-custom-footer .da-footer-soc-link {
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
}

/* M6 - footer and contact text links: comfortable 44px touch rows. */
html body #devaura-custom-footer .da-footer-links a {
	display: inline-flex !important;
	align-items: center;
	min-height: 44px;
}

/* M6 - header theme toggle and menu trigger: 44 x 44. */
html body .dpm-header-theme-toggle,
html body .dpm-mobile-menu-trigger {
	min-width: 44px !important;
	min-height: 44px !important;
}

/* WhatsApp green (#25D366) is 1.98:1 on white. Darker teal in light mode, brand green in dark. */
html body #devaura-custom-footer .da-wa-direct {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: #25D366 !important;
}
html[data-theme="light"] body #devaura-custom-footer .da-wa-direct {
	color: #0B6E4F !important;
}

/* H8 - Axleo marquee text was dark-on-dark in light mode (1.3:1). */
html body .marquee .marquee__group span,
html body .marquee .marquee__group h2,
html body .marquee .marquee__group h3 {
	color: #F4F4F5 !important;
}

/* Keep focus visible for keyboard users on the custom header/footer. */
html body #devaura-smart-header a:focus-visible,
html body #devaura-smart-header button:focus-visible,
html body #devaura-custom-footer a:focus-visible {
	outline: 2px solid #EC6219 !important;
	outline-offset: 3px !important;
}

/* L6 - respect reduced-motion for marquees and decorative animation. */
@media (prefers-reduced-motion: reduce) {
	html body .marquee__group,
	html body .marquee__group * ,
	html body [class*="marquee"] {
		animation-play-state: paused !important;
	}
	html body * {
		scroll-behavior: auto !important;
	}
}

/* H2 - spam honeypot field: invisible to people, still in the DOM for bots. */
html body .da-hp {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* Courier trial form: visible error instead of an invented licence key. */
html body .dlm-courier-wrapper .trial-error {
	margin: 0 0 14px;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1.5px solid #DC2626;
	background: rgba(220, 38, 38, 0.08);
	font-size: 0.9rem;
}
html body .dlm-courier-wrapper .trial-error a { text-decoration: underline; }

/* Final-verification round (2026-10-11) ------------------------------------------- */

/* Dark mode: consultation form service labels and phone dial code were #1A1A1A on near-black. */
html[data-theme="dark"] body .da-form-grid-right .da-service-title,
html[data-theme="dark"] body label.da-service-title,
html[data-theme="dark"] body .da-card-service .da-service-title,
html[data-theme="dark"] body .iti__selected-dial-code {
	color: #ECECEF !important;
}

/* Canvas summary card: text follows the card surface in each theme. */
html[data-theme="dark"] body .da-scope-summary-card #scopeText,
html[data-theme="dark"] body .da-scope-summary-card .da-summary-text,
html[data-theme="dark"] body .da-scope-summary-card .da-btn-secondary,
html[data-theme="dark"] body .da-scope-summary-card .da-btn-secondary span {
	color: #ECECEF !important;
}
html[data-theme="dark"] body .da-scope-summary-card .da-btn-secondary { border-color: #ECECEF !important; }
html[data-theme="light"] body .da-scope-summary-card #scopeText,
html[data-theme="light"] body .da-scope-summary-card .da-summary-text,
html[data-theme="light"] body .da-scope-summary-card .da-btn-secondary,
html[data-theme="light"] body .da-scope-summary-card .da-btn-secondary span {
	color: #1A1A1A !important;
}

/* Active header pill: light text on #EC6219 was 2.7:1; deeper orange gives 5.2:1 with white. */
html body #devaura-smart-header .current-menu-item > a,
html body #devaura-smart-header .current_page_item > a,
html body #devaura-smart-header .current-menu-ancestor > a,
html body #devaura-smart-header .dpm-nav-item.active > a {
	background-color: #C2410C !important;
	color: #FFFFFF !important;
}

/* Small grey labels on white (2.6:1) -> slate 600 (4.8:1). */
html[data-theme="light"] body .dpm-btn-disabled,
html[data-theme="light"] body .dpm-single-page ul li span {
	color: #475569 !important;
}

/* Contact "Active" zone status green on mint (2.65:1). */
html[data-theme="light"] body .dcc-zone-status { color: #166534 !important; }

/* Legal pages: inline code inherits the text colour. */
html body .dl-card code { color: inherit !important; }