/* ===== SD Kayan Duyuru — Frontend CSS v1.2.0 ===== */

#sdkd-bar, #sdkd-bar * { box-sizing: border-box; }

/* ------- BAR ------- */
#sdkd-bar {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: var(--sdkd-h, 48px);
    background: var(--sdkd-bg, #0f0f0f);
    border-bottom: 1px solid var(--sdkd-border, rgba(255,255,255,0.06));
    box-shadow: var(--sdkd-shadow, 0 2px 24px rgba(0,0,0,0.5));
    overflow: hidden;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: var(--sdkd-fs, 15px);
    letter-spacing: 0.01em;
    position: relative;
}

/* ------- LABEL ------- */
.sdkd-label {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 22px 0 14px;
    background: var(--sdkd-label-bg, #e11d48);
    color: var(--sdkd-label-txt, #fff);
    font-weight: 700;
    font-size: 0.8em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
    z-index: 2;
}

.sdkd-ikon {
    font-size: 1.1em;
    animation: sdkd-pulse 2.4s ease-in-out infinite;
}

@keyframes sdkd-pulse {
    0%, 100% { transform: scale(1);    opacity: 1; }
    50%       { transform: scale(1.15); opacity: 0.85; }
}

/* ------- VIEWPORT ------- */
.sdkd-viewport {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    /* tam kenar — beyaz sızıntı yok */
    margin: 0;
    padding: 0;
}

/* ------- TRACK ------- */
.sdkd-track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    color: var(--sdkd-text, #f1f5f9);
    will-change: transform;
    /* JS animasyon süresini override eder; burası fallback */
    animation: sdkd-scroll 60s linear infinite;
    padding-left: 32px; /* etiketle ilk metin arası nefes */
}

@keyframes sdkd-scroll {
    /* içerik ×2 kopya → %50 kaydır = tam seamless döngü */
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* hover durdur */
#sdkd-bar.sdkd-pause-on-hover:hover .sdkd-track {
    animation-play-state: paused;
}

/* ------- ÖĞELER ------- */
.sdkd-item {
    display: inline-block;
}

.sdkd-item a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.2s, border-color 0.2s;
}
.sdkd-item a:hover {
    color: var(--sdkd-link-hover, #fbbf24);
    border-bottom-color: var(--sdkd-link-hover, #fbbf24);
}

.sdkd-sep {
    color: var(--sdkd-divider, rgba(255,255,255,0.4));
    font-weight: 300;
    display: inline-block;
}

/* ------- prefers-reduced-motion ------- */
@media (prefers-reduced-motion: reduce) {
    .sdkd-track { animation: none; }
}

/* ------- MOBİL ------- */
@media (max-width: 480px) {
    .sdkd-etiket { display: none; }
    .sdkd-label  { clip-path: none; padding: 0 12px; }
    #sdkd-bar    { font-size: calc(var(--sdkd-fs, 15px) - 1px); }
}