/* ============================================
   ثيم "دائرة الضوء" (Bioluminescence)
   أعماق المحيط، توهج عضوي، جزيئات ضوء عائمة
   ============================================ */

.theme-bioluminescence {
    --deep: #020814;
    --glow-teal: #3ddad7;
    --glow-purple: #7b5cff;
    --text-main: #e4f4f6;
    --text-dim: rgba(228,244,246,.6);

    background: radial-gradient(ellipse at 50% 100%, #051426 0%, var(--deep) 70%);
    color: var(--text-main);
    font-family: 'Quicksand', 'Cairo', sans-serif;
    position: relative;
    overflow-x: hidden;
}

/* جزيئات ضوء عائمة في الخلفية */
.theme-bioluminescence::before {
    content: '';
    position: fixed; inset: -10%; pointer-events: none; z-index: 0;
    background-image:
        radial-gradient(3px 3px at 15% 25%, var(--glow-teal), transparent 60%),
        radial-gradient(2px 2px at 75% 15%, var(--glow-purple), transparent 60%),
        radial-gradient(2.5px 2.5px at 35% 70%, var(--glow-teal), transparent 60%),
        radial-gradient(2px 2px at 85% 65%, var(--glow-purple), transparent 60%),
        radial-gradient(2px 2px at 55% 40%, var(--glow-teal), transparent 60%),
        radial-gradient(2.5px 2.5px at 10% 85%, var(--glow-purple), transparent 60%);
    filter: drop-shadow(0 0 4px rgba(61,218,215,.5));
    animation: biolum-drift 40s ease-in-out infinite alternate;
}
@keyframes biolum-drift {
    from { transform: translate(0,0); }
    to   { transform: translate(-3%, -4%); }
}

.theme-bioluminescence .profile-container { position: relative; z-index: 1; }

.theme-bioluminescence .avatar {
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(61,218,215,.4), 0 0 25px 6px rgba(61,218,215,.35);
    animation: biolum-breathe 4.5s ease-in-out infinite, biolum-pop .8s ease .1s both;
}

.theme-bioluminescence .display-name { font-weight: 700; animation: biolum-fade .7s ease .3s both; }
.theme-bioluminescence .bio { color: var(--text-dim); animation: biolum-fade .7s ease .42s both; }

.theme-bioluminescence .profile-link {
    background: rgba(61,218,215,.05);
    color: var(--text-main);
    border: 1px solid rgba(61,218,215,.25);
    border-radius: 22px;
    font-weight: 600;
    position: relative;
    box-shadow: 0 0 12px rgba(61,218,215,.12);
    transition: box-shadow .4s ease, background .3s ease, transform .25s ease;
    opacity: 0;
    animation: biolum-fade .6s ease both, biolum-breathe 3.8s ease-in-out infinite;
}
.theme-bioluminescence .profile-link:nth-child(odd) {
    border-color: rgba(123,92,255,.3);
    box-shadow: 0 0 12px rgba(123,92,255,.14);
    animation-duration: .6s, 4.6s;
}
.theme-bioluminescence .profile-link:nth-child(1) { animation-delay: .5s, 0s; }
.theme-bioluminescence .profile-link:nth-child(2) { animation-delay: .58s, .3s; }
.theme-bioluminescence .profile-link:nth-child(3) { animation-delay: .66s, .6s; }
.theme-bioluminescence .profile-link:nth-child(4) { animation-delay: .74s, .9s; }
.theme-bioluminescence .profile-link:nth-child(5) { animation-delay: .82s, 1.2s; }
.theme-bioluminescence .profile-link:nth-child(n+6) { animation-delay: .9s, 1.5s; }

.theme-bioluminescence .profile-link:hover {
    background: rgba(61,218,215,.12);
    box-shadow: 0 0 28px rgba(61,218,215,.35);
    transform: translateY(-2px);
}

/* موجة ضوء عند الضغط */
.theme-bioluminescence .profile-link::after {
    content: '';
    position: absolute; inset: 0; border-radius: inherit;
    box-shadow: 0 0 0 0 rgba(61,218,215,.5);
    opacity: 0; pointer-events: none;
}
.theme-bioluminescence .profile-link:active::after {
    animation: biolum-wave .5s ease-out;
}
@keyframes biolum-wave {
    from { box-shadow: 0 0 0 0 rgba(61,218,215,.5); opacity: 1; }
    to   { box-shadow: 0 0 0 16px rgba(61,218,215,0); opacity: 0; }
}

.theme-bioluminescence .powered-by { color: var(--text-dim); animation: biolum-fade .6s ease 1.2s both; }
.theme-bioluminescence .powered-by a { color: var(--glow-teal); }

@keyframes biolum-fade {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes biolum-pop {
    from { opacity: 0; transform: scale(.9); }
    to   { opacity: 1; transform: scale(1); }
}
@keyframes biolum-breathe {
    0%, 100% { box-shadow: 0 0 12px rgba(61,218,215,.12); }
    50%      { box-shadow: 0 0 24px rgba(61,218,215,.3); }
}

@media (prefers-reduced-motion: reduce) {
    .theme-bioluminescence, .theme-bioluminescence *, .theme-bioluminescence::before {
        animation-duration: .001s !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001s !important;
    }
}