/**
 * HLTV Live Coverage Post Styles — AdriaZone
 * Tokeni: #0d1117 / #161a21 / #21262d / #30363d
 * Tekst:  #e6edf3 / #c9d1d9 / #8fa3b3 / #6e7681
 * Akcent: #e94560 / #3fb950 / #f85149
 */

/* ── Intro blok ── */
.lcp-intro {
    font-size: 15px;
    line-height: 1.75;
    color: #c9d1d9;
    margin-bottom: 28px;
}

.lcp-intro strong, .lcp-intro b {
    color: #e6edf3;
}

/* ── Dan separator ── */
.lcp-day-sep {
    display: flex;
    align-items: center;
    margin: 28px 0 20px;
    gap: 0;
}

.lcp-day-sep::before,
.lcp-day-sep::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #21262d;
}

.lcp-day-sep span {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #6e7681;
    padding: 0 14px;
    white-space: nowrap;
}

/* ── Meč blok ── */
.lcp-match {
    margin-bottom: 28px;
    padding-left: 16px;
    border-left: 2px solid #21262d;
    transition: border-color .2s;
}

.lcp-match--done     { border-left-color: #30363d; }
.lcp-match--live     { border-left-color: #e94560; }
.lcp-match--upcoming { opacity: .6; }

/* ── Meč header: vreme + badge ── */
.lcp-match-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}

.lcp-time {
    font-size: 12px;
    font-weight: 700;
    color: #e94560;
    letter-spacing: .04em;
    display: flex;
    align-items: center;
    gap: 5px;
}

.lcp-match--done .lcp-time,
.lcp-match--upcoming .lcp-time {
    color: #8fa3b3;
}

/* Live dot */
.lcp-live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e94560;
    display: inline-block;
    flex-shrink: 0;
    animation: lcp-pulse 1.4s ease-in-out infinite;
}

@keyframes lcp-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: .4; transform: scale(1.35); }
}

/* ── Badges ── */
.lcp-badge {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 2px 7px;
    border-radius: 3px;
    display: inline-block;
}

.lcp-badge-done {
    background: rgba(63,185,80,.08);
    color: #3fb950;
    border: 1px solid rgba(63,185,80,.2);
}

.lcp-badge-live {
    background: rgba(233,69,96,.14);
    color: #e94560;
    border: 1px solid rgba(233,69,96,.28);
}

.lcp-badge-soon {
    background: #161a21;
    color: #6e7681;
    border: 1px solid #30363d;
}

/* ── Tim nazivi ── */
.lcp-teams {
    font-size: 15px;
    font-weight: 700;
    color: #e6edf3;
    margin-bottom: 3px;
    line-height: 1.3;
}

.lcp-match--upcoming .lcp-teams {
    color: #8fa3b3;
}

/* ── Mapa ── */
.lcp-map {
    font-size: 12px;
    color: #6e7681;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* ── Preview tekst ── */
.lcp-preview {
    font-size: 14px;
    line-height: 1.7;
    color: #8fa3b3;
    margin-bottom: 10px;
}

.lcp-preview p {
    margin: 0 0 8px;
}

.lcp-preview p:last-child {
    margin-bottom: 0;
}

.lcp-preview strong, .lcp-preview b {
    color: #c9d1d9;
}

/* ── Clip blok ── */
.lcp-clip {
    background: #111620;
    border: 1px solid #21262d;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    cursor: default;
    transition: border-color .15s;
}

a.lcp-clip {
    cursor: pointer;
}

a.lcp-clip:hover {
    border-color: #e94560;
}

.lcp-clip-icon {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: #e94560;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.lcp-clip-label {
    font-size: 12px;
    color: #8fa3b3;
}

a.lcp-clip .lcp-clip-label {
    color: #c9d1d9;
}

/* ── Rezultat blok ── */
.lcp-result {
    font-size: 13.5px;
    line-height: 1.65;
    color: #6e7681;
    font-style: italic;
    background: #111620;
    border: 1px solid #21262d;
    border-radius: 6px;
    padding: 10px 14px;
}

.lcp-result strong, .lcp-result b {
    color: #c9d1d9;
    font-style: normal;
}

/* Score u rezultatu */
.lcp-score-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: 4px;
    vertical-align: middle;
}

.lcp-sw  { color: #3fb950; }
.lcp-sl  { color: #f85149; }

.lcp-score-sep {
    color: #30363d;
    font-weight: 400;
    margin: 0 1px;
}

/* ── Mobilni ── */
@media (max-width: 600px) {
    .lcp-match {
        padding-left: 12px;
    }

    .lcp-teams {
        font-size: 14px;
    }

    .lcp-preview {
        font-size: 13px;
    }

    .lcp-result {
        font-size: 13px;
    }
}
