/* Admin-assigned profile themes — only applied when profileTheme is set */

.profile-theme-glass .ig-profile,
body.profile-theme-glass .ig-profile {
  --shell-bg: rgba(255, 255, 255, 0.08);
  --profile-accent: rgba(255, 255, 255, 0.35);
  background: linear-gradient(145deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  min-height: 100vh;
}

.profile-theme-glass .ig-profile__topbar,
.profile-theme-glass .ig-profile__body,
.profile-theme-glass .profile-tabs {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-color: rgba(255, 255, 255, 0.2);
}

.profile-theme-glass .ig-profile__avatar-wrap .avatar {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5), 0 8px 32px rgba(0, 0, 0, 0.2);
}

.profile-theme-glass .profile-name,
.profile-theme-glass .ig-profile__topbar-center {
  color: #fff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

.profile-theme-glass .profile-bio,
.profile-theme-glass .profile-stat-label {
  color: rgba(255, 255, 255, 0.85);
}

.profile-theme-glass .profile-stat-value {
  color: #fff;
  font-weight: 800;
}

/* Dark theme */
.profile-theme-dark .ig-profile,
body.profile-theme-dark .ig-profile {
  --shell-bg: #0a0a0f;
  background: #0a0a0f;
  color: #e8e8ed;
}

.profile-theme-dark .ig-profile__topbar {
  background: #0a0a0f;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.profile-theme-dark .ig-profile__avatar-wrap .avatar {
  box-shadow: 0 0 0 2px #1c1c24, 0 0 24px rgba(99, 102, 241, 0.4);
}

.profile-theme-dark .profile-actions .btn-primary {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border: none;
}

.profile-theme-dark .profile-grid .profile-grid-item {
  border-radius: 4px;
  overflow: hidden;
}

/* Minimal theme */
.profile-theme-minimal .ig-profile,
body.profile-theme-minimal .ig-profile {
  --shell-bg: #fafafa;
  background: #fafafa;
  max-width: 480px;
}

.profile-theme-minimal .ig-profile__topbar {
  background: transparent;
  border-bottom: none;
  box-shadow: none;
}

.profile-theme-minimal .ig-profile__avatar-wrap .avatar {
  border: 2px solid #111;
  box-shadow: none;
}

.profile-theme-minimal .profile-name {
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 13px;
}

.profile-theme-minimal .profile-bio {
  font-size: 14px;
  color: #666;
  font-weight: 300;
}

.profile-theme-minimal .profile-stat-value {
  font-weight: 400;
  font-size: 18px;
}

.profile-theme-minimal .profile-stat-label {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #999;
}

/* Neon theme */
.profile-theme-neon .ig-profile,
body.profile-theme-neon .ig-profile {
  --shell-bg: #050508;
  background: #050508;
  color: #fff;
}

.profile-theme-neon .ig-profile__topbar {
  background: #050508;
  border-bottom: 1px solid rgba(0, 255, 200, 0.2);
}

.profile-theme-neon .ig-profile__avatar-wrap .avatar {
  box-shadow:
    0 0 20px rgba(0, 255, 200, 0.6),
    0 0 40px rgba(255, 0, 128, 0.3),
    inset 0 0 12px rgba(0, 255, 200, 0.1);
  border: 2px solid rgba(0, 255, 200, 0.5);
}

.profile-theme-neon .profile-name,
.profile-theme-neon .ig-profile__topbar-center {
  color: #00ffc8;
  text-shadow: 0 0 12px rgba(0, 255, 200, 0.5);
}

.profile-theme-neon .profile-stat-value {
  color: #ff0080;
  text-shadow: 0 0 8px rgba(255, 0, 128, 0.4);
}

.profile-theme-neon .profile-actions .btn-primary {
  background: transparent;
  border: 1px solid #00ffc8;
  color: #00ffc8;
  box-shadow: 0 0 12px rgba(0, 255, 200, 0.3);
}

.profile-theme-neon::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 20% 80%, rgba(255, 0, 128, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(0, 255, 200, 0.08) 0%, transparent 50%);
  z-index: 0;
}

/* Luxury theme */
.profile-theme-luxury .ig-profile,
body.profile-theme-luxury .ig-profile {
  --shell-bg: #1a1510;
  background: linear-gradient(180deg, #1a1510 0%, #0d0b08 100%);
  color: #f5e6c8;
}

.profile-theme-luxury .ig-profile__topbar {
  background: rgba(26, 21, 16, 0.95);
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

.profile-theme-luxury .ig-profile__avatar-wrap .avatar {
  box-shadow:
    0 0 0 3px #d4af37,
    0 8px 32px rgba(212, 175, 55, 0.25);
}

.profile-theme-luxury .profile-name,
.profile-theme-luxury .ig-profile__topbar-center {
  color: #d4af37;
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: 0.02em;
}

.profile-theme-luxury .profile-bio {
  color: rgba(245, 230, 200, 0.75);
  font-style: italic;
}

.profile-theme-luxury .profile-stat-value {
  color: #d4af37;
}

.profile-theme-luxury .profile-actions .btn-primary {
  background: linear-gradient(135deg, #b8860b, #d4af37);
  color: #1a1510;
  border: none;
  font-weight: 600;
}

.profile-theme-luxury .profile-tabs {
  border-top: 1px solid rgba(212, 175, 55, 0.2);
}

/* Profile intro overlay */
.profile-intro-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: profileIntroIn 0.35s ease;
}

.profile-intro-overlay.fade-out {
  animation: profileIntroOut 0.4s ease forwards;
}

.profile-intro-overlay video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 100vh;
}

.profile-intro-skip {
  position: absolute;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  right: 20px;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  backdrop-filter: blur(8px);
  z-index: 2;
}

.profile-intro-skip:hover {
  background: rgba(255, 255, 255, 0.15);
}

@keyframes profileIntroIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes profileIntroOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* Premium badge on profile */
.profile-premium-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  color: #fff;
  margin-left: 6px;
  vertical-align: middle;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Extra premium palettes */
.profile-theme-aurora .ig-profile,
body.profile-theme-aurora .ig-profile {
  background: linear-gradient(160deg, #0b1026 0%, #134e4a 40%, #4c1d95 100%);
  color: #ecfeff;
}
.profile-theme-aurora .profile-name { color: #a5f3fc; }

.profile-theme-ocean .ig-profile,
body.profile-theme-ocean .ig-profile {
  background: linear-gradient(180deg, #082f49 0%, #0c4a6e 50%, #0369a1 100%);
  color: #e0f2fe;
}
.profile-theme-ocean .profile-name { color: #7dd3fc; }

.profile-theme-sunset .ig-profile,
body.profile-theme-sunset .ig-profile {
  background: linear-gradient(160deg, #7c2d12 0%, #ea580c 45%, #fb7185 100%);
  color: #fff7ed;
}
.profile-theme-sunset .profile-name { color: #fed7aa; }

.profile-theme-ember .ig-profile,
body.profile-theme-ember .ig-profile {
  background: radial-gradient(circle at 20% 0%, #7f1d1d 0%, #1c1917 55%);
  color: #ffedd5;
}
.profile-theme-ember .profile-name { color: #fb923c; }

.profile-theme-sakura .ig-profile,
body.profile-theme-sakura .ig-profile {
  background: linear-gradient(180deg, #fff1f2 0%, #fecdd3 100%);
  color: #881337;
}
.profile-theme-sakura .profile-name { color: #be123c; }

.profile-theme-midnight .ig-profile,
body.profile-theme-midnight .ig-profile {
  background: radial-gradient(ellipse at top, #1e3a8a 0%, #020617 55%);
  color: #e0e7ff;
}
.profile-theme-midnight .profile-name { color: #c7d2fe; }

.profile-theme-forest .ig-profile,
body.profile-theme-forest .ig-profile {
  background: linear-gradient(180deg, #052e16 0%, #14532d 60%, #166534 100%);
  color: #dcfce7;
}
.profile-theme-forest .profile-name { color: #86efac; }

.profile-theme-ice .ig-profile,
body.profile-theme-ice .ig-profile {
  background: linear-gradient(180deg, #e0f2fe 0%, #bae6fd 100%);
  color: #0c4a6e;
}
.profile-theme-ice .profile-name { color: #0369a1; }

.profile-fx-layer {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 2;
  overflow: hidden;
}
body.profile-fx-stars .profile-fx-layer {
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.9), transparent),
    radial-gradient(1px 1px at 70% 20%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.5px 1.5px at 40% 80%, rgba(255,255,255,.8), transparent),
    radial-gradient(1px 1px at 90% 60%, rgba(255,255,255,.6), transparent),
    radial-gradient(1px 1px at 10% 70%, rgba(255,255,255,.5), transparent);
  animation: fxTwinkle 4s ease-in-out infinite;
}
body.profile-fx-sparkles .profile-fx-layer::before,
body.profile-fx-sparkles .profile-fx-layer::after {
  content: '';
  position: absolute;
  width: 8px; height: 8px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 12px #fff, 40vw 20vh 0 1px #fff, 70vw 60vh 0 0 #ffe08a, 15vw 75vh 0 1px #fff;
  animation: fxFloat 7s linear infinite;
}
body.profile-fx-sparkles .profile-fx-layer::after { animation-delay: -3s; left: 50%; }
body.profile-fx-particles .profile-fx-layer {
  background-image: radial-gradient(circle, rgba(255,255,255,.25) 1px, transparent 1px);
  background-size: 28px 28px;
  animation: fxDrift 18s linear infinite;
  opacity: .45;
}
body.profile-fx-rain .profile-fx-layer {
  background: repeating-linear-gradient(185deg, transparent 0 12px, rgba(255,255,255,.12) 12px 13px);
  animation: fxRain .7s linear infinite;
}
body.profile-fx-holographic .profile-fx-layer {
  background: linear-gradient(120deg, rgba(255,0,128,.12), rgba(0,255,200,.12), rgba(99,102,241,.12));
  mix-blend-mode: screen;
  animation: fxHolo 6s ease-in-out infinite;
}
body.profile-fx-banner-wave .ig-profile__topbar {
  background: linear-gradient(90deg, rgba(99,102,241,.35), rgba(236,72,153,.35), rgba(34,211,238,.35));
  background-size: 200% 100%;
  animation: fxWave 8s ease infinite;
}
body.profile-fx-glow-ring .ig-profile__avatar-wrap .avatar {
  box-shadow: 0 0 0 3px rgba(255,255,255,.5), 0 0 28px 8px rgba(99,102,241,.55) !important;
  animation: fxPulse 2.4s ease-in-out infinite;
}
body.profile-fx-gold-frame .ig-profile__avatar-wrap .avatar {
  box-shadow: 0 0 0 3px #d4af37, 0 0 24px rgba(212,175,55,.45) !important;
}
body.profile-fx-neon-border .ig-profile {
  box-shadow: inset 0 0 0 2px #00ffc8, 0 0 24px rgba(0,255,200,.25);
}
body.profile-fx-confetti .profile-fx-layer::before {
  content: '✦ ✧ ★ ✦ ✧';
  position: absolute;
  inset: 8% 0 auto;
  text-align: center;
  letter-spacing: 18px;
  font-size: 18px;
  opacity: .55;
  animation: fxFloat 9s linear infinite;
  color: #fbbf24;
}

@keyframes fxTwinkle { 50% { opacity: .45; } }
@keyframes fxFloat { from { transform: translateY(100vh); } to { transform: translateY(-20vh); } }
@keyframes fxDrift { from { background-position: 0 0; } to { background-position: 28px 84px; } }
@keyframes fxRain { from { background-position: 0 0; } to { background-position: 0 24px; } }
@keyframes fxHolo { 50% { filter: hue-rotate(40deg); opacity: .7; } }
@keyframes fxWave { 0% { background-position: 0 0; } 100% { background-position: 200% 0; } }
@keyframes fxPulse { 50% { box-shadow: 0 0 0 3px rgba(255,255,255,.2), 0 0 40px 12px rgba(168,85,247,.7); } }