/* match.css — Match Center Component */

/* Reusable: hero, sidebar, mobile, live page */



.mj-match {

    background: rgba(15, 15, 15, 0.85);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(200, 168, 75, 0.15);

    border-radius: 16px;

    padding: 24px;

    min-width: 280px;

}



.mj-match__label {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    font-size: 11px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    color: var(--color-accent);

    background: rgba(200, 168, 75, 0.1);

    border: 1px solid rgba(200, 168, 75, 0.2);

    border-radius: 20px;

    padding: 4px 12px;

    margin-bottom: 20px;

}



.mj-match__label--live {

    color: #ff4444;

    background: rgba(255, 68, 68, 0.1);

    border-color: rgba(255, 68, 68, 0.3);

    animation: pulse 2s infinite;

}



.mj-match__label--live::before {

    content: '';



/* Fix: ограничение размера логотипов */

.mj-mini-table__club img {

    width: 16px !important;

    height: 16px !important;

    object-fit: contain !important;

    flex-shrink: 0;

}



.mj-match__team-logo {

    width: 48px !important;

    height: 48px !important;

    object-fit: contain !important;

}




/* Fix логотипов — принудительный размер */

img.mj-match__team-logo {

    width: 48px !important;

    height: 48px !important;

    max-width: 48px !important;

    max-height: 48px !important;

    object-fit: contain !important;

    display: block !important;

}



.mj-mini-table__club img,

.mj-mini-table__club img[src] {

    width: 16px !important;

    height: 16px !important;

    max-width: 16px !important;

    max-height: 16px !important;

    object-fit: contain !important;

    display: inline-block !important;

}