/*
Theme Name: Astudio Custom
Author: Astudio
Version: 1.0
*/

/* =========================
   TEAM AVATARS – MOBILE FIX
   Force fixed-size circles
========================= */
@media (max-width: 960px) {

    /* Let the card size naturally */
    .card {
        align-items: flex-start;
    }

    /* Center avatar horizontally */
    .avatar {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }

    /* FIXED SIZE CIRCLE (this is the key) */
    .avatar-ring {
        width: 96px;
        height: 96px;
        padding: 5px;
        border-radius: 50%;
        overflow: hidden;
        flex: 0 0 auto; /* prevents stretching */
    }

        .avatar-ring img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
            display: block;
        }
}

/* Very small phones */
@media (max-width: 420px) {
    .avatar-ring {
        width: 84px;
        height: 84px;
    }
}