/* 0.39.31: archive stat parity + overflow-safe intent labels. */

/* Homepage, archive and related cards always reserve equal columns for the three social stats. */
.ygr-discovery .ygr-card__social,
.yg-radar-related .ygr-card--related .ygr-card__social,
.yg-radar-event-archive-grid .ygr-card__social,
.yg-radar-event-archive-grid .yg-radar-web-card__social-proof {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.ygr-discovery .ygr-card__social .ygr-stat,
.yg-radar-related .ygr-card--related .ygr-card__social .ygr-stat,
.yg-radar-event-archive-grid .ygr-card__social .ygr-stat,
.yg-radar-event-archive-grid .yg-radar-web-card__social-proof .ygr-stat {
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 76px !important;
    padding: 7px 3px !important;
    overflow: hidden !important;
}

.ygr-discovery .ygr-stat__value,
.yg-radar-related .ygr-stat__value,
.yg-radar-event-archive-grid .ygr-stat__value {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

/* «قصد رفتن» may wrap at its normal space; it must never escape its tile. */
.ygr-discovery .ygr-stat__label,
.yg-radar-related .ygr-stat__label,
.yg-radar-event-archive-grid .ygr-stat__label,
.yg-radar-community-stat__text .ygr-stat__label,
.yg-activation-stat__text small {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 2.35em !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-overflow: clip !important;
    text-align: center !important;
    line-height: 1.18 !important;
    font-size: 10px !important;
}

/* Single Event keeps the same semantic wording while retaining its own larger tile design. */
.yg-activation-stat__text,
.yg-radar-community-stat__text {
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
}

@media (max-width: 689px) {
    .ygr-discovery .ygr-card__social,
    .yg-radar-related .ygr-card--related .ygr-card__social,
    .yg-radar-event-archive-grid .ygr-card__social,
    .yg-radar-event-archive-grid .yg-radar-web-card__social-proof {
        gap: 5px !important;
    }

    .ygr-discovery .ygr-card__social .ygr-stat,
    .yg-radar-related .ygr-card--related .ygr-card__social .ygr-stat,
    .yg-radar-event-archive-grid .ygr-card__social .ygr-stat,
    .yg-radar-event-archive-grid .yg-radar-web-card__social-proof .ygr-stat {
        min-height: 72px !important;
        padding-inline: 2px !important;
    }

    .ygr-discovery .ygr-stat__label,
    .yg-radar-related .ygr-stat__label,
    .yg-radar-event-archive-grid .ygr-stat__label {
        font-size: 9.5px !important;
    }
}