/* =============================================
   SOCIAL COUNTER — sc-social-icon / __count / __name
   Shared by front-page.php (split social stats) and page-saradnje.php
   (stats strip), so it loads with the same condition as its animation
   script assets/js/social-counters.js (ADR-0004 rule 2). The wrapper
   classes differ per page (.sc-social-item vs .sc-saradnje-stats__item)
   and stay in home.css / saradnje.css.
   Not in design-system.md — undocumented since the POC.
   ============================================= */
.sc-social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: rgba(242, 212, 218, 0.4);
    color: var(--color-burgundy);
    flex-shrink: 0;
}

.sc-social-count {
    display: block;
    font-family: var(--font-body);
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--color-burgundy);
    line-height: 1;
    letter-spacing: -0.02em;
}

.sc-social-name {
    display: block;
    font-family: var(--font-body);
    font-size: var(--fs-xs);
    font-weight: 700;
    color: var(--color-rose);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

@media (max-width: 767px) {
    .sc-social-count {
        font-size: 1.3rem;
    }
}