/* ==========================================================================
   LLMS Reader — "son taranan siteler" şeridi (PAYLAŞILAN)
   Ana sayfa, rapor sayfası ve araç sayfası bunu ortak kullanır. Bu yüzden
   .lr-tool sarmalayıcısına BAĞLI OLAMAZ: token'lar burada .lr-gallery üzerinde
   yeniden tanımlanır (aynı marka token'larına işaret ederler, yeni renk yok).
   ========================================================================== */

.lr-gallery {
    --lr-accent: var(--primary-color);
    --lr-ink: var(--text-primary);
    --lr-ink-2: var(--text-secondary);
    --lr-surface: var(--bg-primary);
    --lr-surface-2: var(--bg-secondary);
    --lr-line: var(--border-color);
    --lr-ok-text: #047857;    /* beyaz üstünde 5.48:1 — success token'ı 3.77:1 ile AA'yı geçmiyor */
    --lr-warn-text: #a95d05;  /* 4.94:1 */
    --lr-danger-text: var(--error-color);
}

[data-theme="dark"] .lr-gallery,
body[data-theme="dark"] .lr-gallery {
    --lr-ok-text: var(--success-color);
    --lr-warn-text: var(--warning-color);
}

.lr-gallery .lr-heading {
    margin: 0 0 var(--space-2);
    font-size: var(--text-lg);
    font-weight: 700;
    color: var(--lr-ink);
}

/* ==========================================================================
   14. Vitrin — son taranan siteler
   Otomatik kayma WCAG 2.2.2 gereği durdurulabilir: görünür Duraklat düğmesi,
   üzerine gelince/odaklanınca durur, prefers-reduced-motion'da hiç çalışmaz.
   ========================================================================== */

.lr-gallery {
    margin-top: var(--space-12);
    padding-top: var(--space-6);
    border-top: 1px solid var(--lr-line);
}

.lr-gallery[hidden] { display: none; }

.lr-gallery-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.lr-gallery-sub {
    margin: var(--space-1) 0 0;
    max-width: 72ch;
    font-size: var(--text-sm);
    line-height: 1.6;
    color: var(--lr-ink-2);
}

.lr-tool .lr-gallery-pause { min-height: 44px; flex: 0 0 auto; }

.lr-gallery-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    /* Kayan şerit kenarlarda yumuşasın — kesik kart hissi vermesin. */
    -webkit-mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
    mask-image: linear-gradient(to right, transparent, #000 48px, #000 calc(100% - 48px), transparent);
}

.lr-gallery-viewport:focus-visible { outline: 2px solid var(--lr-accent); outline-offset: 4px; }

.lr-gallery-track {
    display: flex;
    gap: var(--space-4);
    width: max-content;
    padding: var(--space-1) 0 var(--space-3);
    animation: lr-marquee var(--lr-marquee-dur, 80s) linear infinite;
}

.lr-gallery-track.is-paused,
.lr-gallery-viewport:hover .lr-gallery-track,
.lr-gallery-viewport:focus-within .lr-gallery-track { animation-play-state: paused; }

@keyframes lr-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

.lr-gcard {
    display: block;
    flex: 0 0 auto;
    width: 300px;
    text-decoration: none;
    border: 1px solid var(--lr-line);
    border-radius: var(--border-radius);
    background: var(--lr-surface);
    overflow: hidden;
    transition: border-color 180ms var(--transition-curve),
                box-shadow 180ms var(--transition-curve);
}

.lr-gcard:hover { border-color: var(--lr-accent); box-shadow: var(--shadow-md); }
.lr-gcard:focus-visible { outline: 2px solid var(--lr-accent); outline-offset: 2px; }

.lr-gcard-img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1200 / 630;
    background: var(--lr-surface-2);
}

.lr-gcard-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border-top: 1px solid var(--lr-line);
}

.lr-gcard-host {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--lr-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lr-gcard-score {
    flex: 0 0 auto;
    min-width: 34px;
    padding: 1px var(--space-2);
    text-align: center;
    font-size: var(--text-xs);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    border-radius: 999px;
    border: 1px solid currentColor;
}

.lr-gcard-score.is-good { color: var(--lr-ok-text); }
.lr-gcard-score.is-fair { color: var(--lr-warn-text); }
.lr-gcard-score.is-poor { color: var(--lr-danger-text); }

@media (prefers-reduced-motion: reduce) {
    .lr-gallery-track { animation: none; }
    .lr-progress-fill { transition: none; }
}

@media (max-width: 720px) {
    .lr-gcard { width: 240px; }
    .lr-gallery { margin-top: var(--space-8); }
    .lr-steps { gap: var(--space-2) var(--space-4); }
}

/* Kaydırma çubuğu görünür KALIR (elle kaydırılabildiğini gösterir) ama incelir. */
.lr-gallery-viewport { scrollbar-width: thin; scrollbar-color: var(--lr-line) transparent; }
.lr-gallery-viewport::-webkit-scrollbar { height: 6px; }
.lr-gallery-viewport::-webkit-scrollbar-track { background: transparent; }
.lr-gallery-viewport::-webkit-scrollbar-thumb { background: var(--lr-line); border-radius: 999px; }
.lr-gallery-viewport:hover::-webkit-scrollbar-thumb { background: var(--lr-ink-2); }


/* Elle kaydırılan sürüm: ana sayfa ve rapor sayfası otomatik kaymaz —
   oralarda şerit ikincil bir gezinme öğesi, dikkat çeken bir hareket değil. */
.lr-gallery-track.is-static {
    animation: none;
    scroll-snap-type: x proximity;
}

.lr-gallery-track.is-static .lr-gcard { scroll-snap-align: start; }

.lr-gallery.is-compact { margin-top: var(--space-8); }
.lr-gallery.is-compact .lr-gcard { width: 260px; }