/* ============================================================
   Duyuru bandı (haber akışı)
   Görünüm değişkenleri lib/ticker.php tarafından satır içi
   olarak yazılır; bu dosya yalnız iskeleti ve animasyonu tanımlar.
   ============================================================ */

.site-ticker {
    --vx-ticker-bg: #dc2626;
    --vx-ticker-fg: #ffffff;
    --vx-ticker-label-bg: #991b1b;
    --vx-ticker-label-fg: #ffffff;
    --vx-ticker-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
    --vx-ticker-size: 15px;
    --vx-ticker-weight: 600;
    --vx-ticker-duration: 24s;
    --vx-ticker-height: 44px;

    position: relative;
    z-index: 900;
    width: 100%;
    min-height: var(--vx-ticker-height);
    background: var(--vx-ticker-bg);
    color: var(--vx-ticker-fg);
    font-family: var(--vx-ticker-font);
    font-size: var(--vx-ticker-size);
    font-weight: var(--vx-ticker-weight);
    line-height: 1.35;
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box;
}

.site-ticker *,
.site-ticker *::before,
.site-ticker *::after {
    box-sizing: border-box;
}

.site-ticker--top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1003;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}

.site-ticker--bottom {
    border-top: 1px solid rgba(255, 255, 255, .16);
}

.site-ticker__inner {
    display: flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    height: var(--vx-ticker-height);
    margin: 0 auto;
}

.site-ticker__label {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    flex: 0 0 auto;
    padding: 0 1.05em;
    background: var(--vx-ticker-label-bg);
    color: var(--vx-ticker-label-fg);
    font-weight: 800;
    font-size: .92em;
    letter-spacing: .07em;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    box-shadow: 1px 0 0 rgba(255, 255, 255, .18);
}

.site-ticker__label[hidden] {
    display: none !important;
}

.site-ticker__dot {
    width: .52em;
    height: .52em;
    border-radius: 50%;
    background: currentColor;
    flex: 0 0 auto;
    animation: vx-ticker-pulse 1.8s ease-out infinite;
}

.site-ticker__viewport {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}

.site-ticker__track {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: max-content;
    animation: vx-ticker-scroll var(--vx-ticker-duration) linear infinite;
    will-change: transform;
}

.site-ticker__group {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.site-ticker__item {
    display: inline-flex;
    align-items: center;
    gap: .85em;
    flex: 0 0 auto;
    padding: 0 1.15em;
    color: inherit;
    font: inherit;
    text-decoration: none;
    white-space: nowrap;
}

a.site-ticker__item:hover,
a.site-ticker__item:focus-visible {
    text-decoration: underline;
    text-underline-offset: .22em;
}

.site-ticker__text {
    display: inline-block;
}

.site-ticker__sep {
    opacity: .55;
    font-weight: 400;
}

/* Üzerine gelince / klavye odağında duraklat */
.site-ticker--pause-hover:hover .site-ticker__track,
.site-ticker--pause-hover:focus-within .site-ticker__track {
    animation-play-state: paused;
}

@keyframes vx-ticker-scroll {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

@keyframes vx-ticker-pulse {
    0%   { box-shadow: 0 0 0 0 currentColor; opacity: 1; }
    70%  { box-shadow: 0 0 0 .45em transparent; opacity: .75; }
    100% { box-shadow: 0 0 0 0 transparent; opacity: 1; }
}

/*
 * Üst bant sabit olduğu için menü ve içerik onun altına itilir.
 * --vx-ticker-height :root üzerinde renderTicker() tarafından yazılır.
 */
html:has(.site-ticker--top) body,
html.vx-has-ticker-top body {
    padding-top: var(--vx-ticker-height, 44px) !important;
}

html:has(.site-ticker--top) .navbar,
html.vx-has-ticker-top .navbar {
    top: calc(32px + var(--vx-ticker-height, 44px)) !important;
}

html:has(.site-ticker--top) .navbar.navbar--notop,
html.vx-has-ticker-top .navbar.navbar--notop {
    top: var(--vx-ticker-height, 44px) !important;
}

html:has(.site-ticker--top) .labs-topbar,
html.vx-has-ticker-top .labs-topbar {
    top: var(--vx-ticker-height, 44px) !important;
}

/* Yönetici panelindeki canlı önizleme */
.site-ticker--preview {
    position: relative;
    z-index: 0;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 600px) {
    .site-ticker__label {
        padding: 0 .8em;
        font-size: .82em;
        letter-spacing: .04em;
    }

    .site-ticker__item {
        padding: 0 .9em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-ticker__track {
        animation: none;
        transform: none;
    }

    .site-ticker__viewport {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .site-ticker__dot {
        animation: none;
    }
}

@media print {
    .site-ticker {
        display: none !important;
    }
}