/* Sektör Gündemi liste başlıkları — ilk yüklemede text-[11px] bozulmasın */
.index-page [data-gundem-liste] [data-gundem-item] .font-title-corporate {
    font-size: 11px;
    line-height: 1.25;
}

/* Mockup gündem: font-label-caps / canlı tasarım başlık şişmesini ez */
.index-page [data-gundem-blok] > .flex > h2 {
    font-size: 15px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.04em !important;
}

.index-page [data-gundem-featured] .font-title-corporate,
.index-page [data-gundem-featured] [data-duzenle-sutun="baslik"] {
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

.index-page [data-gundem-grid] .font-title-corporate,
.index-page [data-gundem-grid] [data-duzenle-sutun="baslik"] {
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.index-page [data-gundem-grid] .gundem-mini-rozet,
.index-page [data-gundem-featured] .gundem-featured-rozet {
    font-family: Manrope, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.06em !important;
    font-weight: 800 !important;
    padding: 2px 6px !important;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-page [data-gundem-grid] .gundem-mini-kart {
    height: auto !important;
    max-height: none !important;
    min-height: 52px;
    align-items: flex-start;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.index-page .material-symbols-outlined {
    font-family: "Material Symbols Outlined" !important;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
    speak: never;
    -webkit-font-smoothing: antialiased;
}

.index-page .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.index-page {
    overflow-x: clip;
    max-width: 100%;
}

/* Anasayfa blok aralığı: 20px (header↔içerik 5px kalır) */
.index-page > [data-index-blok-aralik],
.index-page > .max-w-max-content-width {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.index-page [data-sayfa-kodu="index"],
.index-page [data-index-alan-dizisi] {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    row-gap: 20px !important;
}

.index-page [data-sayfa-kodu="index"] > *,
.index-page [data-index-alan-dizisi] > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.index-page section {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 1023px) {
    [data-manset-slider] {
        touch-action: pan-y;
    }
}

/* Manşet görseli: mobilde yarım ekran yemesin; md+ sabit yükseklik. Küçük resim
   şeridi artık görselin ALTINDA ayrı bir statik bar olduğundan yükseklik kuralları
   yalnızca [data-manset-gorsel] görsel kutusuna uygulanır. */
[data-manset-slider] [data-manset-gorsel] {
    aspect-ratio: 16 / 9;
    min-height: 210px;
    max-height: 280px;
    overflow: hidden;
}

@media (min-width: 768px) {
    [data-manset-slider] [data-manset-gorsel] {
        aspect-ratio: auto !important;
        min-height: 335px;
        height: 335px;
        max-height: 335px;
    }
}

/* Görsel önde: hafif sol + alt scrim — fotoğraf net kalsın */
[data-manset-slider] .vitrin-okunurluk {
    background:
        linear-gradient(
            90deg,
            rgba(6, 10, 18, 0.55) 0%,
            rgba(6, 10, 18, 0.32) 22%,
            rgba(6, 10, 18, 0.12) 48%,
            rgba(6, 10, 18, 0.02) 72%,
            rgba(6, 10, 18, 0) 88%
        ),
        linear-gradient(
            180deg,
            rgba(6, 10, 18, 0.04) 0%,
            rgba(6, 10, 18, 0.06) 45%,
            rgba(6, 10, 18, 0.28) 78%,
            rgba(6, 10, 18, 0.48) 100%
        ) !important;
}

/* Yazı bloğu: görsel kutusunun ALT kenarına yakın — küçük resim şeridi artık
   ayrı bir bar olduğundan büyük alt boşluğa gerek yok. */
[data-manset-slider] [data-manset-yazi] {
    justify-content: flex-end !important;
    padding: 0 clamp(14px, 2.2vw, 28px) clamp(16px, 4vh, 28px);
}

[data-manset-slider] [data-manset-yazi] .vitrin-yazi-kolon {
    padding: 14px 16px 16px;
    max-width: 38rem;
    border-radius: 0.75rem;
    background: linear-gradient(
        105deg,
        rgba(8, 12, 22, 0.38) 0%,
        rgba(8, 12, 22, 0.22) 55%,
        rgba(8, 12, 22, 0.06) 100%
    );
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
}

[data-manset-slider] [data-manset-yazi] .vitrin-baslik {
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.95),
        0 2px 10px rgba(0, 0, 0, 0.85),
        0 0 28px rgba(0, 0, 0, 0.65),
        0 0 3px rgba(0, 0, 0, 1);
}

[data-manset-slider] [data-manset-yazi] .vitrin-spot {
    text-shadow:
        0 1px 0 rgba(0, 0, 0, 0.95),
        0 2px 12px rgba(0, 0, 0, 0.8),
        0 0 20px rgba(0, 0, 0, 0.6);
}

[data-manset-slider] [data-manset-yazi] .font-label-caps,
[data-manset-slider] [data-manset-yazi] .font-title-corporate {
    text-shadow:
        0 1px 3px rgba(0, 0, 0, 1),
        0 0 16px rgba(0, 0, 0, 0.7);
}

[data-manset-slider] [data-manset-yazi] .vitrin-etiket {
    background: transparent;
    box-shadow: none;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.95),
        0 0 12px rgba(0, 0, 0, 0.65);
}

/* Rozet (SEKTÖR ÖZEL DOSYA vb.) ve altın CTA düğmesi koyu zemin üstünde değil,
   dolu renkli rozet/düğme üstünde durur — metin gölgesi gerekmez. */
[data-manset-slider] .hero-rozet,
[data-manset-slider] .hero-cta {
    text-shadow: none !important;
}

@media (min-width: 768px) {
    [data-manset-slider] [data-manset-yazi] {
        padding: 0 clamp(20px, 2.5vw, 32px) clamp(20px, 5%, 32px);
    }

    [data-manset-slider] [data-manset-yazi] .vitrin-yazi-kolon {
        padding: 18px 20px 20px;
    }
}

/* Mobil: parmak kaydırma + kenar ok işaretleri */
[data-manset-slider] [data-slayt] {
    transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
    will-change: transform, opacity;
}

.manset-ok {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 25;
    width: 2.25rem;
    height: 2.25rem;
    margin-top: -1.125rem;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: rgb(8 12 22 / 0.45);
    backdrop-filter: blur(6px);
    box-shadow: 0 4px 16px rgb(0 0 0 / 0.25);
    cursor: pointer;
    opacity: 0.72;
    transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.manset-ok--prev {
    left: 6px;
}

.manset-ok--next {
    right: 6px;
}

.manset-ok.is-flash {
    opacity: 1;
    background: rgb(197 160 89 / 0.92);
    color: #1a1408;
    transform: scale(1.08);
}

@media (max-width: 767px) {
    .manset-ok {
        display: inline-flex;
    }

    /* Mobilde küçük resim şeridi gizli (dokunarak kaydırma + yan oklar yeterli);
       bar boş görünmesin diye tamamen kaldırılır. */
    [data-manset-slider] [data-slayt-nav] {
        display: none;
    }

    [data-manset-slider] [data-manset-yazi] .vitrin-yazi-kolon {
        padding: 12px 14px 14px;
        gap: 5px;
        background: linear-gradient(
            105deg,
            rgba(8, 12, 22, 0.42) 0%,
            rgba(8, 12, 22, 0.24) 60%,
            rgba(8, 12, 22, 0.08) 100%
        );
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
        backdrop-filter: blur(1.5px);
        -webkit-backdrop-filter: blur(1.5px);
    }

    [data-manset-slider] .vitrin-baslik {
        font-size: 1.05rem !important;
        line-height: 1.25 !important;
        -webkit-line-clamp: 2;
    }

    [data-manset-slider] .vitrin-spot {
        font-size: 11px !important;
        line-height: 1.35 !important;
        -webkit-line-clamp: 1;
        opacity: 0.92;
    }

    [data-manset-slider] .vitrin-etiket {
        font-size: 8px !important;
        padding: 2px 5px !important;
    }

    [data-manset-slider] [data-manset-yazi] .font-title-corporate {
        font-size: 11px !important;
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) {
    .manset-ok {
        display: none !important;
    }
}

/* Manşet thumb şeridi: masaüstünde sabit boyut, sıkışmasın */
[data-manset-slider] [data-slayt-thumbs] {
    display: none;
    min-width: 0;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

[data-manset-slider] [data-slayt-thumbs]::-webkit-scrollbar {
    display: none;
}

[data-manset-slider] [data-slayt-thumb] {
    position: relative;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    min-width: 40px;
    max-width: 40px;
    flex-shrink: 0;
}

[data-manset-slider] [data-slayt-thumb] img {
    max-width: none;
}

[data-manset-slider] [data-slayt-gosterge] {
    flex: 1 1 0%;
    min-width: 0;
}

[data-manset-slider] [data-slayt-dots] {
    display: flex;
}

@media (min-width: 768px) {
    [data-manset-slider] [data-slayt-thumbs] {
        display: flex;
        gap: 8px;
    }

    [data-manset-slider] [data-slayt-thumb] {
        width: 64px;
        height: 40px;
        flex: 0 0 64px;
        min-width: 64px;
        max-width: 64px;
        border-radius: 8px;
    }

    [data-manset-slider] [data-slayt-gosterge] {
        flex: 0 0 auto;
    }

    [data-manset-slider] [data-slayt-dots] {
        display: none;
    }
}

@media (min-width: 1100px) {
    [data-manset-slider] [data-slayt-thumb] {
        width: 72px;
        height: 44px;
        flex: 0 0 72px;
        min-width: 72px;
        max-width: 72px;
    }
}

@media (max-width: 639px) {
    .index-page section.space-y-space-md > .flex.items-center.justify-between {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        min-width: 0;
    }

    .index-page section.space-y-space-md > .flex.items-center.justify-between > div {
        min-width: 0;
        width: 100%;
    }

    .index-page section.space-y-space-md > .flex.items-center.justify-between h2 {
        font-size: 1.15rem;
        line-height: 1.3;
        text-wrap: pretty;
        overflow-wrap: anywhere;
    }

    .index-page section.space-y-space-md > .flex.items-center.justify-between > a {
        align-self: flex-start;
        white-space: nowrap;
    }
}

/* Hero yan editöryal kartlar (manşetin sağındaki 2 haber kartı) — üstte rozet,
   altta başlık okunsun diye hem üst hem alt tonlu gradyan. */
.hero-yan-kart-okunurluk {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(8, 12, 22, 0.55) 0%,
        rgba(8, 12, 22, 0.08) 26%,
        rgba(8, 12, 22, 0.18) 52%,
        rgba(8, 12, 22, 0.82) 100%
    );
    pointer-events: none;
}

.hero-yan-kart .vitrin-baslik,
.hero-yan-kart .vitrin-spot {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 14px rgba(0, 0, 0, 0.6);
}

/* Öne çıkan kapak — sabit düşük yükseklik (görsel boşluk şişirmesin) */
.gundem-featured-gorsel {
    aspect-ratio: 2 / 1;
    height: 118px;
    max-height: 118px;
}

@media (min-width: 640px) {
    .gundem-featured-gorsel {
        height: 132px;
        max-height: 132px;
    }
}

/* 4 mini haber kartı — aynı boyutta kompakt kapak */
.gundem-mini-gorsel {
    width: 48px;
    height: 48px;
    max-width: 48px;
    max-height: 48px;
}

/* Sektör gündemi çifti: akademi kartı gündemi şişirmesin */
.index-page .grid:has([data-gundem-blok]):has([data-akademi-blok]) {
    align-items: start;
}

/* Otel Akademi — önceki yüksekliğin %80’i */
.akademi-vitrin-kart {
    height: 198px;
    max-height: 198px;
    min-height: 198px;
}

@media (min-width: 1024px) {
    .akademi-vitrin-kart {
        height: 214px;
        max-height: 214px;
        min-height: 214px;
    }
}

/* Gündem altı yeşil reklam CTA */
.gundem-reklam-cta {
    background:
        radial-gradient(ellipse 80% 120% at 10% 50%, rgba(255, 255, 255, 0.1), transparent 55%),
        linear-gradient(90deg, #0f3d2e 0%, #145c43 45%, #1a6b4f 100%);
}

/* 2×2 anasayfa reklam ızgarası */
.index-page [data-sponsor-izgara] .sponsor-izgara-hucre .sponsor-slot,
.index-page [data-sponsor-izgara] .sponsor-izgara-hucre .sponsor-kart {
    height: 100%;
    min-height: 96px;
}

@media (min-width: 640px) {
    .index-page [data-sponsor-izgara] .sponsor-izgara-hucre .sponsor-slot,
    .index-page [data-sponsor-izgara] .sponsor-izgara-hucre .sponsor-kart {
        min-height: 110px;
    }
}

.akademi-vitrin-okunurluk {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(8, 12, 22, 0.35) 0%,
        rgba(8, 12, 22, 0.05) 30%,
        rgba(8, 12, 22, 0.45) 65%,
        rgba(8, 12, 22, 0.92) 100%
    );
    pointer-events: none;
}

.akademi-vitrin-kart .vitrin-baslik,
.akademi-vitrin-kart .vitrin-spot {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9), 0 0 14px rgba(0, 0, 0, 0.6);
}

/* Hero sağ reklamlar = sol manşet yüksekliği (grid stretch + flex paylaşımı) */
.index-page [data-hero-sahne] {
    align-items: stretch;
}

.index-page [data-hero-sponsor] {
    align-self: stretch;
    min-height: 0;
}

.index-page [data-hero-sponsor] .hero-sponsor-ust > .sponsor-slot,
.index-page [data-hero-sponsor] .hero-sponsor-alt > .sponsor-slot,
.index-page [data-hero-sponsor] .hero-sponsor-alt-bant > .sponsor-slot {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
}

/* Masaüstü: 1 üst + 2 orta + 1 alt = 4 kampanya, manşet yüksekliğine yayılır */
@media (min-width: 1024px) {
    .index-page [data-hero-sponsor] {
        height: 100%;
    }

    .index-page [data-hero-sponsor] .hero-sponsor-ust {
        flex: 1.2 1 0%;
        min-height: 0;
        height: auto;
        max-height: none;
    }

    .index-page [data-hero-sponsor] .hero-sponsor-alt-satir {
        flex: 1 1 0%;
        min-height: 0;
        height: auto;
    }

    .index-page [data-hero-sponsor] .hero-sponsor-alt {
        height: 100%;
        max-height: none;
        min-height: 0;
    }

    .index-page [data-hero-sponsor] .hero-sponsor-alt-bant {
        flex: 1.15 1 0%;
        min-height: 0;
        height: auto;
        max-height: none;
    }
}

@media (max-width: 1023px) {
    .index-page [data-hero-sponsor] .hero-sponsor-ust {
        height: 140px;
        max-height: 140px;
        flex: none;
    }

    .index-page [data-hero-sponsor] .hero-sponsor-alt-satir {
        flex: none;
        height: 104px;
    }

    .index-page [data-hero-sponsor] .hero-sponsor-alt {
        height: 104px;
        max-height: 104px;
    }

    .index-page [data-hero-sponsor] .hero-sponsor-alt-bant {
        height: 128px;
        max-height: 128px;
        flex: none;
    }
}

/* Kategori şeridi — canlı CTA butonlu kart */
.index-page [data-kategori-serit] .kategori-serit-ikon .material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}