/* Football Live Ticker - Sade Kayan Yazı Stili */

/* Tam ekran container */
.live-ticker-container {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    background: #1a1a1a !important;
    overflow: hidden !important;
}

.ticker-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    background: #1a1a1a !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
}

.ticker-track {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    will-change: transform !important;
    animation: ticker-scroll 40s linear infinite !important;
    padding: 0 !important;
    margin: 0 !important;
    width: max-content !important;
    min-width: 100% !important;
}

/* Kayan yazı animasyonu */
@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Maç kartları - Sade stil */
.ticker-match {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 30px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    border-right: 2px solid #333 !important;
}

.ticker-match:last-child {
    border-right: none !important;
}

/* Takım isimleri */
.team-home,
.team-away {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Skor */
.score {
    color: #4CAF50 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 0 8px !important;
}

/* Dakika */
.minute {
    color: #ff9800 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    background: rgba(255, 152, 0, 0.15) !important;
    padding: 2px 8px !important;
    border-radius: 3px !important;
}

/* Lig adı */
.league {
    color: #999 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-style: italic !important;
}

/* CANLI badge'ini her türlü kaldır */
.live-badge,
span.live-badge,
.ticker-match .live-badge,
.ticker-track .live-badge {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
}

/* Yükleniyor mesajı */
.ticker-loading,
.ticker-error {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

.ticker-error {
    color: #ff5252 !important;
}

/* Overflow kontrolü */
body {
    overflow-x: hidden !important;
}

html {
    overflow-x: hidden !important;
}

/* WordPress container'larını bypass et */
.site-content .live-ticker-container,
.content-area .live-ticker-container,
.entry-content .live-ticker-container,
.site-main .live-ticker-container,
article .live-ticker-container,
.page-content .live-ticker-container,
.post-content .live-ticker-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Elementor desteği */
.elementor .live-ticker-container,
.elementor-widget-container .live-ticker-container {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* Box sizing */
.live-ticker-container,
.live-ticker-container *,
.ticker-wrapper,
.ticker-wrapper *,
.ticker-track,
.ticker-track * {
    box-sizing: border-box !important;
}

/* Hover efekti - opsiyonel, istemezseniz silebilirsiniz */
.ticker-wrapper:hover .ticker-track {
    animation-play-state: paused !important;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .ticker-match {
        gap: 8px !important;
        padding: 0 20px !important;
        font-size: 14px !important;
    }
    
    .score {
        font-size: 15px !important;
    }
    
    .minute {
        font-size: 12px !important;
    }
    
    .league {
        font-size: 12px !important;
    }
}