/**
 * AdriaZone Live Coverage — Frontend Styles
 * Design tokens: #0d1117 / #161a21 / #21262d / #30363d
 * Text: #e6edf3 / #c9d1d9 / #8fa3b3 / #6e7681
 * Accent: #e94560 / #3fb950 / #f85149
 */

.az-lc-wrap {
    max-width: 860px;
    margin: 0 auto 32px;
    font-family: inherit;
    color: #c9d1d9;
}

/* ── Intro ── */
.az-lc-intro {
    font-size: 15px;
    line-height: 1.75;
    color: #c9d1d9;
    margin-bottom: 20px;
}
.az-lc-intro strong, .az-lc-intro b { color: #e6edf3; }

/* ── Day separator ── */
.az-lc-day {
    display: flex;
    align-items: center;
    margin: 0 0 16px;
}
.az-lc-day::before,
.az-lc-day::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #21262d;
}
.az-lc-day span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #6e7681;
    padding: 0 14px;
    white-space: nowrap;
}

/* ── Match block ── */
.az-lc-match {
    margin-bottom: 24px;
    padding-left: 14px;
    border-left: 2px solid #21262d;
}
.az-lc-match--done     { border-left-color: #30363d; }
.az-lc-match--live     { border-left-color: #e94560; }
.az-lc-match--upcoming { border-left-color: #21262d; opacity: .62; }

/* ── Match header ── */
.az-lc-mhdr {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}
.az-lc-time {
    font-size: 12px;
    font-weight: 700;
    color: #8fa3b3;
    display: flex;
    align-items: center;
    gap: 5px;
}
.az-lc-match--live .az-lc-time { color: #e94560; }

/* Live dot */
.az-lc-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e94560;
    display: inline-block;
    flex-shrink: 0;
    animation: az-lc-pulse 1.4s ease-in-out infinite;
}
@keyframes az-lc-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: .35; transform: scale(1.3); }
}

/* Badges */
.az-lc-badge {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 2px 7px !important;
    border-radius: 3px !important;
    line-height: 1.4 !important;
}
.az-lc-badge--done     { background: rgba(63,185,80,.08);   color: #3fb950 !important; border: 1px solid rgba(63,185,80,.2); }
.az-lc-badge--live     { background: rgba(233,69,96,.12);   color: #e94560 !important; border: 1px solid rgba(233,69,96,.25); }
.az-lc-badge--upcoming { background: #161a21;               color: #6e7681 !important; border: 1px solid #30363d; }

.az-lc-fmt {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #6e7681 !important;
    background: #161a21;
    border: 1px solid #30363d;
    border-radius: 3px;
    padding: 2px 6px;
    text-transform: uppercase;
}

/* ── Teams ── */
.az-lc-teams {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #e6edf3 !important;
    margin: 0 0 6px !important;
    line-height: 1.3 !important;
}
.az-lc-match--upcoming .az-lc-teams { color: #8fa3b3 !important; }

/* ── Single map label (bo1) ── */
.az-lc-map-single {
    font-size: 12px;
    color: #6e7681;
    margin-bottom: 8px;
}

/* ── Pre-match preview text ── */
.az-lc-preview {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #8fa3b3 !important;
    margin: 0 0 8px !important;
}
.az-lc-preview strong, .az-lc-preview b { color: #c9d1d9 !important; }

/* ── Result block ── */
.az-lc-result {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: #6e7681 !important;
    font-style: italic;
    background: #111620;
    border: 1px solid #21262d;
    border-radius: 6px;
    padding: 10px 14px !important;
    margin: 0 !important;
}
.az-lc-result strong, .az-lc-result b { color: #c9d1d9 !important; font-style: normal; }

/* Score badge in result */
.az-lc-sc-badge {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-style: normal;
    font-weight: 800;
    font-size: 13px;
    background: #1c2333;
    border-radius: 4px;
    padding: 1px 7px;
    margin-right: 5px;
    vertical-align: middle;
}
.az-lc-sw { color: #3fb950; }
.az-lc-sl { color: #f85149; }
.az-lc-ss { color: #30363d; font-weight: 400; }

/* ── Maps grid (bo3/bo5) ── */
.az-lc-maps {
    background: #0d1117;
    border: 1px solid #21262d;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 8px;
}

.az-lc-map-block {
    border-top: 1px solid #1a1f2a;
}
.az-lc-map-block:first-child { border-top: none; }
.az-lc-map-block--upcoming   { opacity: .42; }
.az-lc-map-block--live       { background: rgba(233,69,96,.04); }

.az-lc-map-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    font-size: 13px;
}

.az-lc-mapname {
    font-weight: 700 !important;
    color: #c9d1d9 !important;
    min-width: 72px;
    flex-shrink: 0;
}

.az-lc-pick {
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 1px 6px;
    border-radius: 3px;
    flex-shrink: 0;
}
.az-lc-pick--team { background: rgba(143,163,179,.1); color: #8fa3b3 !important; border: 1px solid rgba(143,163,179,.18); }
.az-lc-pick--dec  { background: rgba(233,69,96,.08);  color: #e94560 !important; border: 1px solid rgba(233,69,96,.18); }

.az-lc-map-score-wrap { margin-left: auto; }

.az-lc-map-score {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 800 !important;
    font-size: 13px !important;
}

.az-lc-map-live {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #e94560 !important;
    text-transform: uppercase;
}

/* Per-map texts */
.az-lc-map-text {
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #8fa3b3 !important;
    padding: 2px 12px 8px !important;
    margin: 0 !important;
}
.az-lc-map-result {
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #6e7681 !important;
    font-style: italic;
    border-top: 1px dashed #21262d;
    padding: 6px 12px 8px !important;
    margin: 0 !important;
}

/* ── Mobile ── */
@media (max-width: 600px) {
    .az-lc-teams  { font-size: 14px !important; }
    .az-lc-preview { font-size: 13px !important; }
    .az-lc-result  { font-size: 13px !important; }
    .az-lc-map-row { padding: 7px 10px; font-size: 12px; }
}