/* =========================================================
   giris7 × DiziFilm — katalog paketi (Filmler, Diziler, Animeler,
   tür / platform, arama, trend). Yalnız tema token'ları kullanır.
   ========================================================= */

/* Platform logosu: başlık satırında h1'in solunda yuvarlak karo */
.page-head__title .katalog-logo{display:grid;place-items:center;flex:none;width:56px;height:56px;padding:6px;border-radius:var(--r-md);background:var(--s2);box-shadow:inset 0 0 0 1px var(--line-2)}
.page-head__title .katalog-logo img{width:100%;height:100%;object-fit:contain}

/* Katalog ızgarasında sayfalama yerine "tümünü gör" düğmesi (tür/platform sayfaları sayfalamasız) */
.katalog-more{display:flex;justify-content:center;margin-top:clamp(28px,3.4vw,44px)}
.katalog-more .btn{gap:8px;max-width:100%}
.katalog-more .btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.katalog-more .btn svg{width:16px;height:16px;flex:none}

/* Segment sekmeleri paneli değiştirirken ızgara hemen görünsün */
.catalog-page [role="tabpanel"][hidden]{display:none}

/* Tür / platform açıklaması: çok satırlı metin (nl2br) sayfa başlığında okunur kalsın */
.catalog-page .page-head .lead{max-width:72ch;color:var(--t2)}

/* Katalog sayfalarında ızgara arası yerel reklam tam satır */
.catalog-grid .poster-grid__ad,.search-page .poster-grid__ad{grid-column:1/-1}

/* Arama: fotoğrafı olmayan kişi için yuvarlak yer tutucu */
.katalog-person-ph{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--s2);box-shadow:0 0 0 1px var(--line-2);color:var(--t3)}
.katalog-person-ph svg{width:30px;height:30px}
@media (max-width: 767px){ .katalog-person-ph{width:80px;height:80px} }

/* Trend sayfası: numaralı liste ile devamı ızgarası arası */
.trend-page [role="tabpanel"] > .section + .section{margin-top:clamp(32px,3.6vw,52px)}
.trend-page .chart-thumb:empty{background:var(--s2)}

/* Tür duyuru bantları (Tailwind bileşeni) başlık çubuğunun üstünde nefes alsın */
.catalog-page > .mb-8.space-y-3{margin-top:clamp(18px,2vw,28px);margin-bottom:0}

/* Tailwind preflight (svg{display:block}) tema kartındaki puan yıldızını sayının üstüne itiyordu → tek satır */
.card-body > .card-score{display:inline-flex}
.card-score svg,.chart-score svg,.section-link svg,.catalog-tabs svg{display:inline-block}

/* Izgara içi yerel reklam yuvası boşken (x-ad hiçbir şey basmadı) fazladan satır boşluğu bırakmasın */
.poster-grid__ad:not(:has(*)){display:none}

/* Segment sekmeleri <button role=tab> olduğunda da (tür/platform/trend) telefonda eşit genişlik — tema yalnız <a>'yı esnetir */
@media (max-width: 767px){
  .catalog-tabs button{flex:1 1 0;justify-content:center;padding:0 10px}
}


/* Trend: başlık çubuğunun altındaki ilk bölüm (numaralı liste) yukarı yaklaşır */
.trend-page [role="tabpanel"] > .section:first-child{margin-top:clamp(8px,1.5vw,20px)}

/* Başlık çubuğu üst satırı: tek metin öğesi (bkz. katalog-head) kendi içinde kırpılır */
.page-head .eyebrow > .katalog-eyebrow__text{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* Kayıp afiş: alt metni hiç görünmesin (JS görseli ayrıca gizler; JS'siz de taşma olmaz) */
.catalog-page .card-media img,.catalog-page .chart-thumb img{color:transparent}

/* Tailwind forms eklentisinin mavi odak halkası tema arama kutularında çift çerçeve çiziyordu (kutu kendi odak halkasını taşır) */
.search-page__form input[type="search"]:focus,.filter-bar .field-inline.is-search .input:focus{box-shadow:none;outline:0;border:0}

/* Boş durum ikonu tema gibi satır içi (Tailwind preflight svg'yi block yapıp başlığa yapıştırıyordu) */
.catalog-page .empty > svg{display:inline-block;vertical-align:baseline}