/**
 * Restyles the "Audit Bisnis" plugin ([audit_bisnis] shortcode) to match
 * the Qoobiz brand (clean navy/blue on white, Inter, sharp corners)
 * instead of the plugin's own default dark/gold mystical theme.
 *
 * Scoped entirely under .ab-wrap so it never leaks outside the plugin's
 * own markup, and loaded from the THEME (not the plugin) so a plugin
 * update won't wipe out the rebrand — see qoobiz_assets() in functions.php.
 *
 * @package Qoobiz
 */

.ab-wrap {
	--ab-bg: var(--qz-warm-white);
	--ab-marble: #ffffff;
	--ab-marble-ink: var(--qz-ink);
	--ab-clay: var(--qz-navy);
	--ab-clay-ink: #ffffff;
	--ab-gold: var(--qz-blue);
	--ab-gold-soft: var(--qz-blue-dark);
	--ab-verdigris: var(--qz-navy);
	--ab-text: var(--qz-ink);
	--ab-muted: var(--qz-gray-600);
	--ab-border: var(--qz-gray-300);

	background: var(--qz-warm-white);
	border: 1px solid var(--qz-gray-300);
}

/* Kill the plugin's default cosmic starfield background entirely. */
.ab-wrap .ab-stars {
	display: none;
}

/* Force the theme's own type family everywhere inside the widget —
   the plugin's Rajdhani/Cormorant Garamond/Spectral fonts aren't
   loaded by this theme and were falling back inconsistently anyway. */
.ab-wrap,
.ab-wrap * {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-style: normal !important;
}

.ab-title {
	color: var(--qz-ink);
}
.ab-title span {
	color: var(--qz-blue);
	font-style: normal !important;
}

/* ---- Surfaces: match the theme's flat cards + 4px corners ------------ */
.ab-form,
.ab-fieldset,
.ab-tablet,
.ab-number-card,
.ab-compare-item,
.ab-ai-section,
.ab-timing-row,
.ab-lifepath-col {
	border-radius: var(--qz-radius);
}

.ab-form {
	background: #ffffff;
	border: 1px solid var(--qz-gray-300);
}

.ab-input-text,
.ab-date-row input {
	background: #ffffff;
	border: 1px solid var(--qz-gray-300);
	border-radius: var(--qz-radius);
	color: var(--qz-ink);
}
.ab-input-text:focus,
.ab-date-row input:focus {
	border-color: var(--qz-blue);
	box-shadow: 0 0 0 3px rgba(47, 107, 255, .15);
}

.ab-toggle-option {
	border-radius: var(--qz-radius);
	background: #ffffff;
}
.ab-toggle-option:has(input:checked) {
	border-color: var(--qz-blue);
	background: rgba(47, 107, 255, .06);
	color: var(--qz-blue-dark);
}
.ab-toggle-option input {
	accent-color: var(--qz-blue);
}

/* ---- Primary CTA — match .qz-btn--primary exactly --------------------- */
.ab-btn-cast {
	border-radius: var(--qz-radius);
	border: 1px solid var(--qz-blue);
	background: var(--qz-blue);
	color: #ffffff;
	letter-spacing: normal;
	text-transform: none;
	font-weight: 600;
	transition: background .2s, transform .2s;
}
.ab-btn-cast:hover {
	background: var(--qz-blue-dark);
	filter: none;
	transform: translateY(-1px);
}

/* ---- Score medallion ---------------------------------------------------- */
.ab-score-medallion {
	border: 1px solid var(--qz-blue);
	border-radius: var(--qz-radius);
	background: rgba(47, 107, 255, .06);
}
.ab-score-value {
	color: var(--qz-blue-dark);
}

/* ---- Recommendation bars ------------------------------------------------ */
.ab-recommend-bar {
	background: var(--qz-gray-300);
}
.ab-recommend-bar span {
	background: var(--qz-blue);
}
.ab-recommend-pct {
	color: var(--qz-blue-dark);
}

/* ---- Profile tags / compare tier badges --------------------------------- */
.ab-profile-tag {
	color: var(--qz-blue-dark);
	border: 1px solid rgba(47, 107, 255, .35);
	background: rgba(47, 107, 255, .06);
}

.ab-tier-identik .ab-compare-tier { background: rgba(47, 107, 255, .12); color: var(--qz-blue-dark); }
.ab-tier-harmonis .ab-compare-tier { background: rgba(15, 42, 107, .10); color: var(--qz-navy); }
.ab-tier-penyesuaian .ab-compare-tier { background: rgba(226, 143, 30, .14); color: var(--qz-orange-dark); }

.ab-compare-item.ab-tier-identik { border-color: rgba(47, 107, 255, .3); }
.ab-compare-item.ab-tier-harmonis { border-color: rgba(15, 42, 107, .25); }
.ab-compare-item.ab-tier-penyesuaian { border-color: rgba(226, 143, 30, .3); }

/* ---- Result tablets (person / business) --------------------------------- */
.ab-tablet-person {
	background: #ffffff;
	color: var(--qz-ink);
	box-shadow: none;
	border: 1px solid var(--qz-gray-300);
}
.ab-tablet-business {
	background: linear-gradient(165deg, var(--qz-navy-2) 0%, var(--qz-navy) 100%);
	color: #ffffff;
	box-shadow: none;
	border: none;
}
.ab-tablet-person .ab-number-card { background: var(--qz-warm-white); border: 1px solid var(--qz-gray-300); }
.ab-tablet-business .ab-number-card { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }
.ab-number-big sup { color: var(--qz-blue); }

/* ---- Timing rows ---------------------------------------------------------- */
.ab-timing-row { border: 1px solid var(--qz-gray-300); }
.ab-timing-row.ab-timing-sangat-ideal { border-color: var(--qz-blue); }
.ab-timing-row.ab-timing-sangat-ideal .ab-timing-year { color: var(--qz-blue-dark); }
.ab-timing-row.ab-timing-cukup-baik { border-color: var(--qz-navy); }
.ab-timing-row.ab-timing-cukup-baik .ab-timing-year { color: var(--qz-navy); }
.ab-timing-row.ab-timing-sebaiknya-tunggu { border-color: var(--qz-orange); opacity: 1; }
.ab-timing-row.ab-timing-sebaiknya-tunggu .ab-timing-year { color: var(--qz-orange-dark); }

/* ---- AI narrative block ---------------------------------------------------- */
.ab-ai-section {
	border: 1px solid var(--qz-gray-300);
	background: #ffffff;
}
.ab-ai-heading {
	color: var(--qz-blue-dark);
}
.ab-ai-error-admin {
	color: var(--qz-orange-dark);
}

/* ---- Footer / references ---------------------------------------------------- */
.ab-references {
	border-top: 1px solid var(--qz-gray-300);
}
.ab-references h4 {
	color: var(--qz-navy);
}
.ab-references a {
	color: var(--qz-blue);
}
.ab-references a:hover {
	color: var(--qz-blue-dark);
}

.ab-error {
	color: var(--qz-orange-dark);
}