/* ============================================================
   ALDA Calculators - selectable design templates (skins).
   These layer on top of the structural base in alda-calc.css.
   Each skin is scoped by .alda-calc[data-theme="..."] so several
   calculators (or a live switcher) can coexist on one page.

   Templates:
     classic  - base file (navy & orange)            [alda-calc.css]
     aurora   - futuristic dark glassmorphism
     cyber    - futuristic neon grid
     studio   - soft, light, playful
     tailwind - crisp modern utility look
   Backgrounds in ../img were generated with nanobanana.
   ============================================================ */


/* =====================================================================
   AURORA  -  dark glassmorphism, animated aurora glow
   ===================================================================== */
.alda-calc[data-theme="aurora"] {
	--alda-accent: #ff8a3d;
	--alda-accent-d: #ff6a1a;
	--alda-ink: #f3f6fb;
	--alda-ink-2: #c7d2e0;
	--alda-muted: #93a1b5;
	--alda-line: rgba(255,255,255,.14);
	--alda-line-2: rgba(255,255,255,.08);
	--alda-bg: rgba(255,255,255,.05);
	--alda-surf: rgba(255,255,255,.06);
	--alda-surf-2: rgba(255,138,61,.14);
	--alda-good: #4ade80;
	--alda-radius: 22px;
	--alda-radius-s: 15px;
	color: var(--alda-ink);
}
.alda-calc[data-theme="aurora"] .alda-intro { color: #aeb9ca; }
.alda-calc[data-theme="aurora"] .alda-shell {
	position: relative;
	background: linear-gradient(180deg, rgba(10,14,26,.86), rgba(8,11,20,.92)), url("../img/aurora-bg.jpg") center/cover no-repeat;
	border: 1px solid rgba(255,255,255,.12);
	box-shadow: 0 30px 80px -30px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.06);
	overflow: hidden;
}
/* slow drifting aurora light */
.alda-calc[data-theme="aurora"] .alda-shell::before {
	content: ""; position: absolute; inset: -30%;
	background: radial-gradient(40% 40% at 30% 25%, rgba(255,138,61,.30), transparent 70%),
	            radial-gradient(45% 45% at 75% 35%, rgba(96,165,250,.22), transparent 70%),
	            radial-gradient(40% 40% at 60% 80%, rgba(217,70,239,.18), transparent 70%);
	filter: blur(20px); z-index: 0; pointer-events: none;
	animation: alda-aurora 18s ease-in-out infinite alternate;
}
@keyframes alda-aurora {
	0%   { transform: translate3d(-4%, -2%, 0) scale(1.05); }
	100% { transform: translate3d(5%, 3%, 0) scale(1.15); }
}
.alda-calc[data-theme="aurora"] .alda-progress,
.alda-calc[data-theme="aurora"] .alda-stage,
.alda-calc[data-theme="aurora"] .alda-foot { position: relative; z-index: 1; }

.alda-calc[data-theme="aurora"] .alda-step__title,
.alda-calc[data-theme="aurora"] .alda-result__range,
.alda-calc[data-theme="aurora"] .alda-formcard__head h4 { font-family: 'Sora', sans-serif; letter-spacing: -.01em; }
.alda-calc[data-theme="aurora"] .alda-step__kicker { color: #ffb27a; }

.alda-calc[data-theme="aurora"] .alda-progress__bar { background: rgba(255,255,255,.1); }
.alda-calc[data-theme="aurora"] .alda-progress__fill {
	background: linear-gradient(90deg, #ff8a3d, #ff5c9d);
	box-shadow: 0 0 18px rgba(255,138,61,.7);
}

.alda-calc[data-theme="aurora"] .alda-opt {
	background: rgba(255,255,255,.055);
	border: 1.5px solid rgba(255,255,255,.12);
	-webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
	color: var(--alda-ink);
}
.alda-calc[data-theme="aurora"] .alda-opt:hover { border-color: rgba(255,255,255,.28); box-shadow: 0 10px 30px -12px rgba(0,0,0,.6); }
.alda-calc[data-theme="aurora"] .alda-opt.is-selected {
	border-color: var(--alda-accent);
	background: rgba(255,138,61,.16);
	box-shadow: 0 0 0 1px var(--alda-accent) inset, 0 0 26px -6px rgba(255,138,61,.55);
}
.alda-calc[data-theme="aurora"] .alda-opt__ic { background: rgba(255,255,255,.09); color: #dbe4f0; }
.alda-calc[data-theme="aurora"] .alda-opt.is-selected .alda-opt__ic { background: var(--alda-accent); color: #1a1020; }
.alda-calc[data-theme="aurora"] .alda-opt__desc { color: rgba(255,255,255,.55); }

.alda-calc[data-theme="aurora"] .alda-counter__btn { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); color: #fff; }
.alda-calc[data-theme="aurora"] .alda-counter__val { color: #fff; }

.alda-calc[data-theme="aurora"] .alda-foot {
	background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.25));
	border-top: 1px solid rgba(255,255,255,.1);
}
.alda-calc[data-theme="aurora"] .alda-btn--ghost { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); color: #e7eefb; }
.alda-calc[data-theme="aurora"] .alda-btn--primary {
	background: linear-gradient(180deg, #ff9a52, #ff6a1a);
	box-shadow: 0 10px 26px -8px rgba(255,106,26,.8), 0 0 0 1px rgba(255,255,255,.08) inset;
}

.alda-calc[data-theme="aurora"] .alda-result__hero {
	background: linear-gradient(180deg, rgba(255,138,61,.14), rgba(255,255,255,.03));
	border: 1px solid rgba(255,255,255,.12);
}
.alda-calc[data-theme="aurora"] .alda-result__range { color: #fff; text-shadow: 0 0 30px rgba(255,138,61,.5); }
.alda-calc[data-theme="aurora"] .alda-result__note { color: rgba(255,255,255,.62); }
.alda-calc[data-theme="aurora"] .alda-breakdown { border-color: rgba(255,255,255,.12); }
.alda-calc[data-theme="aurora"] .alda-breakdown__list li { border-color: rgba(255,255,255,.08); }
.alda-calc[data-theme="aurora"] .alda-breakdown__list li b { color: #fff; }
.alda-calc[data-theme="aurora"] .alda-formcard {
	background: rgba(8,11,20,.6); border: 1px solid rgba(255,255,255,.12);
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}


/* =====================================================================
   CYBER  -  neon grid, sharp, high-tech
   ===================================================================== */
.alda-calc[data-theme="cyber"] {
	--alda-accent: #ff6a00;
	--alda-accent-d: #ff8a2b;
	--alda-ink: #e8f6ff;
	--alda-ink-2: #aac6d6;
	--alda-muted: #6f8a99;
	--alda-line: rgba(34,211,238,.22);
	--alda-line-2: rgba(34,211,238,.12);
	--alda-bg: #0a0f14;
	--alda-surf: rgba(34,211,238,.07);
	--alda-surf-2: rgba(255,106,0,.12);
	--alda-good: #2ee6a6;
	--alda-radius: 8px;
	--alda-radius-s: 6px;
	color: var(--alda-ink);
}
.alda-calc[data-theme="cyber"] .alda-intro { color: #8fa9b8; }
.alda-calc[data-theme="cyber"] .alda-shell {
	background: linear-gradient(180deg, rgba(6,10,14,.82), rgba(4,7,10,.95)), url("../img/cyber-bg.jpg") center/cover no-repeat;
	border: 1px solid rgba(34,211,238,.28);
	box-shadow: 0 0 0 1px rgba(255,106,0,.12), 0 30px 70px -30px rgba(0,0,0,.85);
}
.alda-calc[data-theme="cyber"] .alda-step__kicker {
	color: #22d3ee; letter-spacing: .14em; text-shadow: 0 0 12px rgba(34,211,238,.6);
}
.alda-calc[data-theme="cyber"] .alda-step__title,
.alda-calc[data-theme="cyber"] .alda-field__label,
.alda-calc[data-theme="cyber"] .alda-result__range,
.alda-calc[data-theme="cyber"] .alda-formcard__head h4 { font-family: 'Space Grotesk', sans-serif; }
.alda-calc[data-theme="cyber"] .alda-step__sub { color: #8fa9b8; }

.alda-calc[data-theme="cyber"] .alda-progress__bar { background: rgba(34,211,238,.12); }
.alda-calc[data-theme="cyber"] .alda-progress__fill {
	background: linear-gradient(90deg, #ff6a00, #22d3ee);
	box-shadow: 0 0 16px rgba(255,106,0,.7);
}

.alda-calc[data-theme="cyber"] .alda-opt {
	background: rgba(10,16,22,.66); border: 1.5px solid rgba(34,211,238,.20); color: var(--alda-ink);
}
.alda-calc[data-theme="cyber"] .alda-opt:hover {
	border-color: #22d3ee; box-shadow: 0 0 18px -4px rgba(34,211,238,.5);
}
.alda-calc[data-theme="cyber"] .alda-opt.is-selected {
	border-color: var(--alda-accent);
	background: rgba(255,106,0,.12);
	box-shadow: 0 0 0 1px var(--alda-accent) inset, 0 0 22px -4px rgba(255,106,0,.7);
}
.alda-calc[data-theme="cyber"] .alda-opt__ic { background: rgba(34,211,238,.10); color: #9fe9f6; border-radius: 6px; }
.alda-calc[data-theme="cyber"] .alda-opt.is-selected .alda-opt__ic { background: var(--alda-accent); color: #0a0f14; }
.alda-calc[data-theme="cyber"] .alda-opt__desc { color: #7d96a5; }

.alda-calc[data-theme="cyber"] .alda-counter__btn { background: rgba(10,16,22,.7); border-color: rgba(34,211,238,.25); color: #e8f6ff; }
.alda-calc[data-theme="cyber"] .alda-counter__val { color: #fff; }

.alda-calc[data-theme="cyber"] .alda-foot {
	background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(4,7,10,.6));
	border-top: 1px solid rgba(34,211,238,.18);
}
.alda-calc[data-theme="cyber"] .alda-btn { text-transform: uppercase; letter-spacing: .06em; font-size: 13.5px; }
.alda-calc[data-theme="cyber"] .alda-btn--ghost { background: rgba(34,211,238,.06); border-color: rgba(34,211,238,.3); color: #bfe9f3; }
.alda-calc[data-theme="cyber"] .alda-btn--primary {
	background: var(--alda-accent); color: #0a0f14;
	box-shadow: 0 0 22px -4px rgba(255,106,0,.85);
}
.alda-calc[data-theme="cyber"] .alda-btn--primary:hover { background: #ff8326; }

.alda-calc[data-theme="cyber"] .alda-result__hero {
	background: linear-gradient(180deg, rgba(255,106,0,.10), rgba(34,211,238,.05));
	border: 1px solid rgba(34,211,238,.22);
}
.alda-calc[data-theme="cyber"] .alda-result__kicker { color: #2ee6a6; }
.alda-calc[data-theme="cyber"] .alda-result__range { color: #fff; text-shadow: 0 0 26px rgba(255,106,0,.55); }
.alda-calc[data-theme="cyber"] .alda-result__note { color: #8fa9b8; }
.alda-calc[data-theme="cyber"] .alda-breakdown { border-color: rgba(34,211,238,.2); }
.alda-calc[data-theme="cyber"] .alda-breakdown__list li { border-color: rgba(34,211,238,.1); }
.alda-calc[data-theme="cyber"] .alda-breakdown__list li b { color: #fff; }
.alda-calc[data-theme="cyber"] .alda-formcard {
	background: rgba(6,10,14,.72); border: 1px solid rgba(34,211,238,.22);
}


/* =====================================================================
   STUDIO  -  soft, light, playful (frontend-designer direction)
   ===================================================================== */
.alda-calc[data-theme="studio"] {
	--alda-accent: #f0623a;
	--alda-accent-d: #d94e29;
	--alda-ink: #2a2420;
	--alda-ink-2: #5b524c;
	--alda-muted: #938880;
	--alda-line: #efe6df;
	--alda-line-2: #f5efe9;
	--alda-bg: #ffffff;
	--alda-surf: #fbf5f0;
	--alda-surf-2: #fdeee6;
	--alda-good: #1f9d6b;
	--alda-radius: 28px;
	--alda-radius-s: 20px;
	--alda-shadow: 0 2px 4px rgba(180,120,90,.06), 0 22px 50px -22px rgba(180,120,90,.30);
}
.alda-calc[data-theme="studio"] .alda-shell {
	background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.94)), url("../img/studio-bg.jpg") center/cover no-repeat;
	border: 1px solid #f3e9e1;
}
.alda-calc[data-theme="studio"] .alda-step__title,
.alda-calc[data-theme="studio"] .alda-result__range { font-family: 'Sora', sans-serif; font-weight: 700; letter-spacing: -.02em; }
.alda-calc[data-theme="studio"] .alda-step__kicker {
	background: #fdeee6; color: #d94e29; padding: 4px 12px; border-radius: 99px;
}
.alda-calc[data-theme="studio"] .alda-progress__fill { background: linear-gradient(90deg, #f7a072, #f0623a); }

.alda-calc[data-theme="studio"] .alda-opt {
	background: #fff; border: 1.5px solid #f0e7e0; box-shadow: 0 2px 10px -6px rgba(180,120,90,.25);
}
.alda-calc[data-theme="studio"] .alda-opt:hover { transform: translateY(-2px); box-shadow: 0 14px 26px -14px rgba(180,120,90,.4); }
.alda-calc[data-theme="studio"] .alda-opt.is-selected {
	border-color: var(--alda-accent); background: #fff6f1;
	box-shadow: 0 0 0 1px var(--alda-accent) inset, 0 12px 26px -14px rgba(240,98,58,.5);
}
.alda-calc[data-theme="studio"] .alda-opt__ic { background: #fbf0ea; color: #c8593a; border-radius: 14px; }
.alda-calc[data-theme="studio"] .alda-opt.is-selected .alda-opt__ic { background: var(--alda-accent); color: #fff; }

.alda-calc[data-theme="studio"] .alda-foot { background: linear-gradient(180deg, #fff, #fbf5f0); }
.alda-calc[data-theme="studio"] .alda-btn { border-radius: 16px; }
.alda-calc[data-theme="studio"] .alda-btn--primary {
	background: var(--alda-accent); box-shadow: 0 10px 22px -8px rgba(240,98,58,.6);
}
.alda-calc[data-theme="studio"] .alda-result__hero {
	background: radial-gradient(120% 100% at 50% 0%, #fdeee6, #fff 70%); border: 1px solid #f5e7de;
}
.alda-calc[data-theme="studio"] .alda-formcard {
	background: #2a2420;
}
.alda-calc[data-theme="studio"] .alda-formcard a, .alda-calc[data-theme="studio"] .alda-formcard__fallback a { color: #ffb27a; }


/* =====================================================================
   TAILWIND  -  crisp modern utility look (indigo + slate)
   ===================================================================== */
.alda-calc[data-theme="tailwind"] {
	--alda-accent: #4f46e5;
	--alda-accent-d: #4338ca;
	--alda-ink: #0f172a;
	--alda-ink-2: #334155;
	--alda-muted: #64748b;
	--alda-line: #e2e8f0;
	--alda-line-2: #f1f5f9;
	--alda-bg: #ffffff;
	--alda-surf: #f8fafc;
	--alda-surf-2: #eef2ff;
	--alda-good: #16a34a;
	--alda-radius: 16px;
	--alda-radius-s: 10px;
	--alda-shadow: 0 1px 3px rgba(15,23,42,.08), 0 10px 25px -12px rgba(15,23,42,.18);
	font-family: 'Inter', sans-serif;
}
.alda-calc[data-theme="tailwind"] .alda-shell {
	background:
		radial-gradient(60% 50% at 100% 0%, #eef2ff 0%, transparent 60%),
		linear-gradient(180deg, #ffffff, #ffffff);
	border: 1px solid #e2e8f0;
}
.alda-calc[data-theme="tailwind"] .alda-step__title,
.alda-calc[data-theme="tailwind"] .alda-result__range { font-family: 'Inter', sans-serif; font-weight: 700; letter-spacing: -.025em; }
.alda-calc[data-theme="tailwind"] .alda-step__kicker {
	color: #4f46e5; background: #eef2ff; padding: 3px 10px; border-radius: 6px; text-transform: none; letter-spacing: 0;
}
.alda-calc[data-theme="tailwind"] .alda-progress__bar { background: #e2e8f0; }
.alda-calc[data-theme="tailwind"] .alda-progress__fill { background: #4f46e5; box-shadow: none; }

.alda-calc[data-theme="tailwind"] .alda-opt { background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.alda-calc[data-theme="tailwind"] .alda-opt:hover { border-color: #c7d2fe; box-shadow: 0 4px 12px -4px rgba(79,70,229,.25); }
.alda-calc[data-theme="tailwind"] .alda-opt.is-selected {
	border-color: #4f46e5; background: #eef2ff;
	box-shadow: 0 0 0 1px #4f46e5 inset, 0 4px 12px -4px rgba(79,70,229,.3);
}
.alda-calc[data-theme="tailwind"] .alda-opt__ic { background: #f1f5f9; color: #475569; border-radius: 8px; }
.alda-calc[data-theme="tailwind"] .alda-opt.is-selected .alda-opt__ic { background: #4f46e5; color: #fff; }

.alda-calc[data-theme="tailwind"] .alda-foot { background: #fff; }
.alda-calc[data-theme="tailwind"] .alda-btn--primary { background: #4f46e5; box-shadow: 0 4px 12px -4px rgba(79,70,229,.5); }
.alda-calc[data-theme="tailwind"] .alda-btn--primary:hover { background: #4338ca; }
.alda-calc[data-theme="tailwind"] .alda-btn--ghost { border-color: #e2e8f0; }
.alda-calc[data-theme="tailwind"] .alda-result__hero { background: radial-gradient(120% 100% at 50% 0%, #eef2ff, #fff 70%); border: 1px solid #e2e8f0; }
.alda-calc[data-theme="tailwind"] .alda-result__kicker { color: #16a34a; }
.alda-calc[data-theme="tailwind"] .alda-formcard { background: #0f172a; }
.alda-calc[data-theme="tailwind"] .alda-formcard__form .wpcf7-submit,
.alda-calc[data-theme="tailwind"] .alda-formcard__form .wpcf7-submit:hover { background-color: #4f46e5 !important; }


/* Reduced motion: kill the aurora drift */
@media (prefers-reduced-motion: reduce) {
	.alda-calc[data-theme="aurora"] .alda-shell::before { animation: none !important; }
}