/* =============================================
   LAMIM — PREMIUM SETUP WIZARD STYLES
   ============================================= */

.premium-step-icon-wrap {
  position: relative;
  width: 90px;
  height: 90px;
  background: var(--color-surface-nested, rgba(0,0,0,0.05));
  border: 1px solid var(--color-border, rgba(0,0,0,0.1));
  box-shadow: 0 0 30px rgba(99, 102, 241, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px auto;
  border-radius: 28px;
  overflow: hidden;
  --glow-color: 56, 189, 248;
}
.premium-step-icon-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(var(--glow-color), 0.15) 0%, transparent 70%);
}
.premium-step-icon-wrap svg { z-index: 2; position: relative; }
.premium-step-icon-wrap.step-loc { --glow-color: 56, 189, 248; }
.premium-step-icon-wrap.step-loc svg { color: rgb(var(--glow-color)); filter: drop-shadow(0 0 10px rgba(var(--glow-color), 0.6)); }
.premium-step-icon-wrap.step-name { --glow-color: 168, 85, 247; }
.premium-step-icon-wrap.step-name svg { filter: drop-shadow(0 0 10px rgba(var(--glow-color), 0.6)); }
.premium-step-icon-wrap.step-dob { --glow-color: 59, 130, 246; }
.premium-step-icon-wrap.step-dob svg { filter: drop-shadow(0 0 10px rgba(var(--glow-color), 0.6)); }

[data-theme="light"] .premium-step-icon-wrap {
  background: #FFFFFF;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 10px 30px rgba(0,0,0,0.06), inset 0 0 0 1px rgba(255,255,255,1);
}
[data-theme="light"] .premium-step-icon-wrap::before {
  background: radial-gradient(circle at center, rgba(var(--glow-color), 0.25) 0%, rgba(var(--glow-color), 0.05) 50%, transparent 80%);
}
[data-theme="light"] .premium-step-icon-wrap svg {
  filter: drop-shadow(0 6px 12px rgba(var(--glow-color), 0.35));
}

.premium-input {
  width: 100%; font-size: 1.1rem; height: 58px; padding-left: 52px; border-radius: 20px;
  background: var(--color-surface-card); border: 1px solid var(--color-border);
  color: var(--color-text-primary); transition: all 0.3s ease; font-weight: 600;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}
.premium-input:focus {
  outline: none; border-color: #a855f7;
  box-shadow: 0 0 0 3px rgba(168,85,247,0.15), inset 0 2px 4px rgba(0,0,0,0.02);
  background: var(--color-surface-nested);
}
.loc-detect-btn.premium {
  background: linear-gradient(135deg, #1e293b, #0f172a);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #38bdf8; box-shadow: 0 8px 25px rgba(56, 189, 248, 0.15);
}
[data-theme="light"] .loc-detect-btn.premium {
  background: #f0f9ff; border: 1px solid #bae6fd;
  color: #0369a1; box-shadow: 0 8px 25px rgba(56, 189, 248, 0.2);
}
.coord-card.premium {
  background: var(--color-surface-card); border: 1px solid var(--color-border);
  border-radius: 20px; padding: 16px; display: flex; flex-direction: column; gap: 6px;
  position: relative; overflow: hidden; transition: all 0.3s ease;
}
.coord-card.premium:focus-within {
  border-color: #38bdf8; box-shadow: 0 8px 25px rgba(56, 189, 248, 0.15);
}
.coord-card-input {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--color-text-primary);
  background: transparent;
  border: none;
  outline: none;
  padding: 4px 0;
  width: 100%;
}
.gender-card-v2.male::before  { background: radial-gradient(circle at top right, rgba(59,130,246,0.15), transparent 70%); }
.gender-card-v2.female::before{ background: radial-gradient(circle at top right, rgba(236,72,153,0.15), transparent 70%); }
.gender-card-v2.active::before{ opacity: 1; }
.gender-card-v2.active.male   { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,0.15), 0 8px 25px rgba(59,130,246,0.2); transform: scale(1.02); }
.gender-card-v2.active.female { border-color: #ec4899; box-shadow: 0 0 0 3px rgba(236,72,153,0.15), 0 8px 25px rgba(236,72,153,0.2); transform: scale(1.02); }