/* ============================================
   ثيم "الكتل الصلدة" (Solid Blocks / Linktree Classic)
   بساطة، وضوح فوري، لون براند واحد متكرر
   ============================================ */

.theme-blocks {
    --brand: #5b4cf0;
    --brand-tint: #ecebfd;
    --bg: #ffffff;
    --ink: #14141a;
    --dim-text: rgba(20,20,26,.6);

    background: var(--bg);
    color: var(--ink);
    font-family: 'Inter', 'Cairo', sans-serif;
}

.theme-blocks .avatar {
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    animation: blocks-fade .25s ease both;
}

.theme-blocks .display-name { font-weight: 700; animation: blocks-fade .25s ease .04s both; }
.theme-blocks .bio { color: var(--dim-text); animation: blocks-fade .25s ease .08s both; }

.theme-blocks .profile-link {
    background: var(--brand-tint);
    color: var(--brand);
    border: none;
    border-radius: 14px;
    font-weight: 700;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
    opacity: 0;
    animation: blocks-fade .25s ease both;
}
.theme-blocks .profile-link:nth-child(1) { animation-delay: .12s; }
.theme-blocks .profile-link:nth-child(2) { animation-delay: .16s; }
.theme-blocks .profile-link:nth-child(3) { animation-delay: .2s; }
.theme-blocks .profile-link:nth-child(4) { animation-delay: .24s; }
.theme-blocks .profile-link:nth-child(5) { animation-delay: .28s; }
.theme-blocks .profile-link:nth-child(n+6) { animation-delay: .32s; }

.theme-blocks .profile-link:hover {
    transform: scale(1.015);
    box-shadow: 0 4px 10px rgba(91,76,240,.18);
    background: var(--brand);
    color: #fff;
}
.theme-blocks .profile-link:active { transform: scale(.97); }

.theme-blocks .powered-by { color: var(--dim-text); animation: blocks-fade .25s ease .4s both; }
.theme-blocks .powered-by a { color: var(--brand); }

@keyframes blocks-fade {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

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