@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

/* ==========================================
   МАТЧ-ЦЕНТР — ЮВЕНТУС (чёрно-белая тема, v8)
   ========================================== */

/* Шрифт Montserrat для всего виджета */
aside.widget .anwp-b-wrap.match-widget,
aside.widget .anwp-b-wrap.match-widget * {
    font-family: 'Montserrat', sans-serif !important;
}

/* 1. Контейнер карточки */
aside.widget .anwp-b-wrap.match-widget {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 18px 16px 0 16px !important;
    margin-top: 50px !important;
    margin-bottom: 8px !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

/* 2. Шапка-флажок */
aside.widget .anwp-b-wrap.match-widget::before {
    content: "" !important;
    position: absolute !important;
    top: -50px !important;
    left: -1px !important;
    right: -1px !important;
    height: 42px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 58px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #111111 !important;
    z-index: 10 !important;
}
aside.widget .anwp-b-wrap.match-widget::after {
    content: "" !important;
    position: absolute !important;
    top: -50px !important;
    left: -1px !important;
    width: 46px !important;
    height: 42px !important;
    background-color: #111111 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    border-radius: 10px 0 0 0 !important;
    clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%) !important;
    z-index: 11 !important;
}
aside.widget#block-6, 
aside.widget#block-7 {
    position: relative !important;
    z-index: 1 !important;
}
aside#block-6 .anwp-b-wrap.match-widget::before { content: "Следующий матч" !important; }
aside#block-7 .anwp-b-wrap.match-widget::before { content: "Последний матч" !important; }
aside#block-6 .anwp-b-wrap.match-widget::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important;
}
aside#block-7 .anwp-b-wrap.match-widget::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v3c0 2.42 1.72 4.44 4.005 4.901C7.91 16.29 10 18 12 18s4.09-1.71 4.995-3.099C19.28 14.44 21 12.42 21 10V7c0-1.1-.9-2-2-2zm-14 5V7h2v3c0 1.1-.9 2-2 2zm14 0c0-1.1-.9-2-2-2v3c0 1-.9 2-2 2zM12 20c-1.1 0-2 .9-2 2h4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") !important;
}

/* 3. Дата/время */
aside.widget .match-widget__kickoff {
    order: 4 !important;
    margin: 0 0 14px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
aside.widget .match-widget__kickoff .d-inline-block.anwp-bg-white {
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
aside.widget .match__date-formatted,
aside.widget .match__time-formatted {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
}
aside.widget .match__date-formatted::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important; height: 16px !important;
    margin-right: 5px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23111111' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important;
    background-size: contain !important; background-repeat: no-repeat !important;
}
aside.widget .match-widget__kickoff .mx-1 {
    width: 1px !important; height: 16px !important;
    background: #d1d5db !important; margin: 0 4px !important;
}
aside.widget .match__time-formatted::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important; height: 16px !important;
    margin-right: 5px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23111111' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E") !important;
    background-size: contain !important; background-repeat: no-repeat !important;
}

/* 4. Турнир + сезон */
aside.widget .match-widget__competition {
    order: 2 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    text-transform: none !important;
    color: #888888 !important;
    margin-bottom: 16px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* 5. Стадион */
aside.widget .match-widget__stadium {
    order: 5 !important;
    font-size: 13px !important;
    color: #666666 !important;
    margin: 0 0 14px 0 !important;
    opacity: 1 !important;
}
aside.widget .match-widget__stadium .anwp-icon { fill: #111111 !important; }

/* 6. Команды */
aside.widget .match-widget__clubs {
    order: 3 !important;
    margin: 0 0 6px 0 !important;
    padding: 0 8px !important;
    align-items: center !important;
}
aside.widget .match-widget__club-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}
aside.widget .match-widget__club-logo {
    width: 56px !important; height: 56px !important;
    object-fit: contain !important;
    margin: 6px 0 10px 0 !important;
}

/* 7. VS с линиями (будущий матч) */
aside.widget .match-list__scores {
    position: relative !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
    padding: 0 16px !important;
}
aside.widget .match-list__scores::before,
aside.widget .match-list__scores::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 14px !important; height: 2px !important;
    background: #111111 !important;
}
aside.widget .match-list__scores::before { left: -8px !important; }
aside.widget .match-list__scores::after { right: -8px !important; }

/* 8. Счёт прошедшего */
aside.widget .match-widget__scores {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    align-items: center !important;
}
aside.widget .match-widget__scores-number {
    background: transparent !important;
    border: none !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    padding: 0 4px !important;
    min-width: auto !important;
    line-height: 1 !important;
}
aside.widget .match-widget__scores--home::after {
    content: ":" !important;
    margin-left: 12px !important;
    color: #111111 !important;
    font-weight: 800 !important;
}

/* 9. Кнопки */
aside.widget .anwp-match-preview-link {
    order: 6 !important;
    margin: auto -16px 0 -16px !important;
    width: calc(100% + 32px) !important;
}
aside.widget .match-widget__link-preview {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px 0 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border-radius: 0 0 9px 9px !important;
}
aside.widget .match-widget__link-preview .d-inline-block { background: transparent !important; }
aside#block-6 .match-widget__link-preview {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #111111 !important;
}
aside#block-6 .match-widget__link-preview:hover { background: #000000 !important; }
aside#block-7 .match-widget__link-preview {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #111111 !important;
}
aside#block-7 .match-widget__link-preview:hover { background: #f3f4f6 !important; }
aside.widget .match-widget__link-preview::after {
    content: " →" !important;
    margin-left: 6px !important;
}