/*
 * 10-lists.css — Görünüm D liste sayfaları (K): arama, etiket, fotoğraf galerisi / albüm. 00-kit.css'ten sonra yüklenir.
 * Yalnız sayfa kapsamı (.t-page-search / .t-page-tag / .t-page-gallery); dk-* bileşenleri burada yeniden stillenmez.
 */

/* ───────────── Arama ───────────── */
body.t-var-d .t-page-search .dk-search__q { color: var(--d-navy-600); }
body.t-var-d .t-page-search .dk-search__tabs { margin-bottom: 24px; }
@media (min-width: 768px) {
    body.t-var-d .t-page-search .dk-search__tabs { margin-bottom: 32px; }
}
body.t-var-d .t-page-search .dk-search__group { scroll-margin-top: calc(var(--d-hdr-h) + 24px); }
/* Afiş grupları: mobilde ray (kenardan kenara, yaslanmalı); ≥768 ızgara, sütun sayısı adede göre (4 adet → 4'lü, delik yok) */
body.t-var-d .t-page-search .dk-search__posters {
    display: flex;
    gap: 16px;
    margin: -4px calc(-1 * var(--d-gutter)) 0;
    padding: 4px var(--d-gutter) 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--d-gutter);
    scrollbar-width: none;
}
body.t-var-d .t-page-search .dk-search__posters::-webkit-scrollbar { display: none; }
body.t-var-d .t-page-search .dk-search__posters > * { flex: 0 0 200px; scroll-snap-align: start; }
@media (max-width: 767.98px) {
    /* 200×267 afiş: kitin küçük afiş perdesiyle aynı (yalnız yazının altı) */
    body.t-var-d .t-page-search .dk-search__posters .dk-poster {
        --dk-scrim-poster: linear-gradient(0deg, rgba(20, 26, 74, .94) 0, rgba(20, 26, 74, .8) 96px, rgba(20, 26, 74, 0) 168px);
        --dk-scrim-poster-hover: linear-gradient(0deg, rgba(20, 26, 74, .97) 0, rgba(20, 26, 74, .86) 96px, rgba(20, 26, 74, 0) 168px);
    }
}
@media (min-width: 768px) {
    body.t-var-d .t-page-search .dk-search__posters {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        margin: 0;
        padding: 0;
        overflow: visible;
    }
    body.t-var-d .t-page-search .dk-search__posters[data-cols="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
body.t-var-d .t-page-search .dk-search__people {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--dk-person-w), 1fr));
    gap: 24px var(--dk-person-gap);
}
body.t-var-d .t-page-search .dk-search__cmeta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    font: 500 13px / 18px var(--d-font);
    color: var(--d-ink-3);
}
body.t-var-d .t-page-search .dk-search__cwho { font: 700 15px / 22px var(--d-font); color: var(--d-ink); }
body.t-var-d .t-page-search .dk-search__cdate { margin-left: auto; }
body.t-var-d .t-page-search .dk-search__ctitle { margin: 14px 0 6px; font: 700 16px / 22px var(--d-font); color: var(--d-ink); text-transform: none; }
body.t-var-d .t-page-search .dk-search__ctext { font: 400 15px / 24px var(--d-font); color: var(--d-ink-2); overflow-wrap: break-word; }
body.t-var-d .t-page-search .dk-search__ctext > :last-child { margin-bottom: 0; }
body.t-var-d .t-page-search .dk-search__empty { padding-top: 32px; }

/* ───────────── Fotoğraf albümü ───────────── */
body.t-var-d .t-page-gallery .dk-album__filter { margin-bottom: 24px; }
body.t-var-d .t-page-gallery .dk-album {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.t-var-d .t-page-gallery .dk-album__item[hidden] { display: none; }
body.t-var-d .t-page-gallery .dk-album__link {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: var(--d-r-lg);
    background: var(--d-navy-100);
    transition: transform var(--d-t-mid) var(--d-ease), box-shadow var(--d-t-mid) var(--d-ease);
}
body.t-var-d .t-page-gallery .dk-album__link img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    transition: transform var(--d-t-mid) var(--d-ease);
}
body.t-var-d .t-page-gallery .dk-album__link:hover { transform: translateY(-4px); }
body.t-var-d .t-page-gallery .dk-album__link:hover img { transform: scale(1.03); }
@media (min-width: 768px) {
    body.t-var-d .t-page-gallery .dk-album { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
}
@media (min-width: 1024px) {
    body.t-var-d .t-page-gallery .dk-album { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@layer base {
    body.t-var-d .t-page-gallery .dk-album__link:not(#tay-flat) { box-shadow: var(--d-sh-1) !important; }
    body.t-var-d .t-page-gallery .dk-album__link:hover:not(#tay-flat) { box-shadow: var(--d-sh-2) !important; }
}
@media (prefers-reduced-motion: reduce) {
    body.t-var-d .t-page-gallery .dk-album__link:hover,
    body.t-var-d .t-page-gallery .dk-album__link:hover img { transform: none; }
}
