/* ============================================================
IBM Event Presentation — CSS (final, version A)
============================================================ */

/* SHELL */

.ibm-ep-shell {
    margin: 35px 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,0.90) !important;
    border: 1.5px solid rgba(0,0,0,0.65) !important;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.45),
        inset 0 1px 0 rgba(255,255,255,0.35) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-sizing: border-box !important;
}

/* HEADER */

.ibm-ep-header {
    background: #fcc50a !important;
    color: #000 !important;
    padding: 14px 18px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-align: left !important;
    border-bottom: 1px solid #d4a200 !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* WRAPPER */

.ibm-ep-wrapper {
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* CATEGORY BARS */

.ibm-ep-category {
    padding: 12px 18px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

.ibm-ep-category.cat-1 { background: #0023a7 !important; }
.ibm-ep-category.cat-2 { background: #b02a37 !important; }
.ibm-ep-category.cat-3 { background: #444444 !important; }
.ibm-ep-category.cat-4 { background: #006b6b !important; }

/* COMPLETED HEADER — חזק, כהה, אחיד */

.ibm-ep-completed-header {
    margin: 22px 0 12px 0 !important;
    padding: 12px 14px !important;
    background: #d8c1a5 !important; /* חום כהה יותר */
    border-top: 1px solid #b79a7a !important;
    border-bottom: 1px solid #b79a7a !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #4a2f14 !important;
}

/* BASE ROW */

.ibm-ep-event-row {
    padding: 16px 18px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background: #ffffff !important;
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    transition: background 0.2s !important;
}

.ibm-ep-event-row:nth-child(even) {
    background: #f7f7f7 !important;
}

.ibm-ep-event-row:hover {
    background: #fdf7e6 !important;
    border-color: #f0c14b !important;
}

/* ACTIVE — גרסה A (ללא glow, ללא overlay) */

.ibm-ep-event-row.ibm-ep-active,
.ibm-ep-event-row.ibm-ep-active:nth-child(even),
.ibm-ep-event-row.ibm-ep-active:hover {
    background: rgba(95,125,185,0.22) !important; /* כחול-אפור שקוף */
    border-bottom: 1px solid rgba(95,125,185,0.35) !important;
    backdrop-filter: blur(14px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
}

/* ACTIVE text */

.ibm-ep-event-row.ibm-ep-active .ibm-ep-event-link {
    color: #fcc50a !important;
    font-weight: 700 !important;
}

.ibm-ep-event-row.ibm-ep-active .ibm-ep-th-team {
    color: #fcc50a !important;
}

.ibm-ep-event-row.ibm-ep-active .ibm-ep-date-range,
.ibm-ep-event-row.ibm-ep-active .ibm-ep-matches,
.ibm-ep-event-row.ibm-ep-active .ibm-ep-th-label {
    color: #d0d8ec !important;
}

/* UPCOMING */

.ibm-ep-event-row.ibm-ep-upcoming {
    background: #ffffff !important;
}

.ibm-ep-event-row.ibm-ep-upcoming:nth-child(even) {
    background: #f7f7f7 !important;
}

.ibm-ep-event-row.ibm-ep-upcoming:hover {
    background: #fdf7e6 !important;
    border-color: #f0c14b !important;
}

/* COMPLETED */

.ibm-ep-event-row.ibm-ep-completed {
    background: #f3f0ec !important;
}

.ibm-ep-event-row.ibm-ep-completed:hover {
    background: #fdf7e6 !important;
    border-color: #f0c14b !important;
}

/* LINKS */

.ibm-ep-event-row .ibm-ep-event-link {
    color: #0023a7 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.ibm-ep-event-row .ibm-ep-event-link:hover {
    text-decoration: underline !important;
}

/* TITLE HOLDER COLORS */

.ibm-ep-event-row.ibm-ep-upcoming .ibm-ep-th-team {
    color: #b33f00 !important;
    font-weight: 700 !important;
}

.ibm-ep-event-row.ibm-ep-completed .ibm-ep-th-team {
    color: #111111 !important;
    font-weight: 700 !important;
}

/* LAYOUT — DESKTOP */

.ibm-ep-line {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* Row 1 */

.ibm-ep-line-1 {
    margin-bottom: 6px !important;
}

.ibm-ep-date-range {
    flex: 1 1 auto !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    white-space: nowrap !important;
}

.ibm-ep-top-right {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Row 2 */

.ibm-ep-line-2 {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.ibm-ep-event-name {
    flex: 1 1 auto !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.ibm-ep-matches {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #555555 !important;
}

.ibm-ep-matches-desktop {
    display: none !important;
}

.ibm-ep-matches-mobile {
    flex: 0 0 auto !important;
    padding-right: 10px !important;
}

/* TITLE HOLDER */

.ibm-ep-title-holder {
    flex: 0 0 auto !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-size: 15px !important;
}

.ibm-ep-th-label {
    color: #333333 !important;
    font-weight: 600 !important;
}

.ibm-ep-th-team {
    font-weight: 700 !important;
    color: #111111 !important;
    font-size: 15px !important;
}

/* LIVE BADGE — אדום בהיר יותר */

.ibm-ep-live-badge {
    display: inline-block !important;
    padding: 3px 9px !important;
    border: 1.5px solid #ff5b4d !important; /* אדום בהיר יותר */
    color: #ff5b4d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,0.25) !important;
    box-shadow: 0 0 6px rgba(0,0,0,0.25) !important;
    animation: ibmEpPulse 1.4s ease-in-out infinite !important;
}

@keyframes ibmEpPulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.4; }
}

/* MOBILE */

@media (max-width: 600px) {

    .ibm-ep-event-row {
        padding: 14px !important;
    }

    .ibm-ep-line-1 {
        margin-bottom: 4px !important;
    }

    .ibm-ep-date-range {
        font-size: 13px !important;
        white-space: normal !important;
    }

    .ibm-ep-matches-desktop {
        display: none !important;
    }

    .ibm-ep-matches-mobile {
        display: block !important;
        font-size: 14px !important;
        margin-top: 2px !important;
    }

    .ibm-ep-line-2 {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 3px !important;
    }

    .ibm-ep-title-holder {
        text-align: left !important;
        white-space: normal !important;
    }
}

/* DESKTOP OVERRIDE */

@media (min-width: 601px) {
    .ibm-ep-matches-desktop {
        display: inline-block !important;
    }
    .ibm-ep-matches-mobile {
        display: none !important;
    }
}