.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(//aldawindows.com/wp-content/plugins/alda-calculators/assets/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;
} .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);
} .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(//aldawindows.com/wp-content/plugins/alda-calculators/assets/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);
} .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(//aldawindows.com/wp-content/plugins/alda-calculators/assets/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; } .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; } @media (prefers-reduced-motion: reduce) {
.alda-calc[data-theme="aurora"] .alda-shell::before { animation: none !important; }
}