/* Casa Class — public journey theme skins. Each block only redefines the
   CSS custom properties the base stylesheet (casa-class.css) already
   consumes throughout every component — colors, radius, shadow, fonts —
   so no component rule needs to be duplicated per theme. Selected via
   `data-casa-theme` on the journey's outer .casa-wrap (see
   casa_theme_attr() in includes/casa-functions.php). The 'custom' theme
   has no block here — its values come from an inline <style> built from
   Settings (see casa_custom_theme_css()). */

/* ---------- Material ---------- */
.casa-wrap[data-casa-theme="material"] {
	--casa-ink: #1C1B1F;
	--casa-cream: #FEF7FF;
	--casa-cream-deep: #F3EDF7;
	--casa-white: #ffffff;
	--casa-gold: #6750A4;
	--casa-gold-deep: #4F378B;
	--casa-muted: #79747E;
	--casa-line: #E7E0EC;
	--casa-radius: 16px;
	--casa-shadow: 0 1px 3px rgba(0,0,0,.14), 0 1px 2px rgba(0,0,0,.10);
	--casa-shadow-hover: 0 4px 12px rgba(0,0,0,.16), 0 2px 4px rgba(0,0,0,.10);
	--casa-serif: 'Jost', Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--casa-sans: Roboto, 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.casa-wrap[data-casa-theme="material"] .casa-btn { border-radius: 100px; text-transform: none; letter-spacing: 0; font-weight: 500; }
.casa-wrap[data-casa-theme="material"] .casa-eyebrow { color: var(--casa-gold); }
.casa-wrap[data-casa-theme="material"] .casa-h1,
.casa-wrap[data-casa-theme="material"] .casa-h2,
.casa-wrap[data-casa-theme="material"] .casa-h3 { font-weight: 600; letter-spacing: -.01em; }

/* ---------- AdminLTE ---------- */
.casa-wrap[data-casa-theme="adminlte"] {
	--casa-ink: #1f2d3d;
	--casa-cream: #f4f6f9;
	--casa-cream-deep: #ecf0f5;
	--casa-white: #ffffff;
	/* The Casa Class brand's own antique gold/bronze — sampled directly from
	   the site's logo (wp-content/uploads/2026/08/Casa-orig-copy.png), not a
	   generic accent. This skin previously used AdminLTE's stock Bootstrap
	   blue (#007bff) here, which doesn't appear anywhere in the actual logo. */
	--casa-gold: #71531B;
	--casa-gold-deep: #52390F;
	--casa-muted: #6c757d;
	--casa-line: #dee2e6;
	--casa-radius: 3px;
	--casa-shadow: 0 1px 1px rgba(0,0,0,.08);
	--casa-shadow-hover: 0 2px 6px rgba(0,0,0,.12);
	--casa-serif: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	--casa-sans: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}
.casa-wrap[data-casa-theme="adminlte"] .casa-btn { border-radius: 3px; text-transform: none; letter-spacing: 0; font-weight: 600; }
.casa-wrap[data-casa-theme="adminlte"] .casa-journey-card,
.casa-wrap[data-casa-theme="adminlte"] .casa-card,
.casa-wrap[data-casa-theme="adminlte"] .casa-panel { border-top: 3px solid var(--casa-gold); }
.casa-wrap[data-casa-theme="adminlte"] .casa-h1,
.casa-wrap[data-casa-theme="adminlte"] .casa-h2,
.casa-wrap[data-casa-theme="adminlte"] .casa-h3 { font-weight: 700; }

/* ---------- Minimal / Flat ---------- */
.casa-wrap[data-casa-theme="minimal"] {
	--casa-ink: #101010;
	--casa-cream: #ffffff;
	--casa-cream-deep: #fafafa;
	--casa-white: #ffffff;
	--casa-gold: #101010;
	--casa-gold-deep: #101010;
	--casa-muted: #717171;
	--casa-line: #e2e2e2;
	--casa-radius: 0px;
	--casa-shadow: none;
	--casa-shadow-hover: none;
	--casa-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	--casa-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}
.casa-wrap[data-casa-theme="minimal"] .casa-btn { border-radius: 0; }
.casa-wrap[data-casa-theme="minimal"] .casa-card:hover,
.casa-wrap[data-casa-theme="minimal"] .casa-payment-method:hover { border-color: var(--casa-ink); }
.casa-wrap[data-casa-theme="minimal"] .casa-card__badge { background: var(--casa-ink); color: #fff; }