/*
 * Ortak tipografi ölçeği (rol bazlı) ve görsel-başlık boşluğu.
 * Font AİLESİ tema başına kalır (--hp-font-heading); boyut, kalınlık ve satır yüksekliği tüm temalarda ortaktır.
 * Eşik 960 px (masaüstü modu düzeltmesiyle aynı). Yeni blok/tema başlık boyutunu sabit px/rem yazmaz:
 * var(--hp-fs-*) / var(--hp-lh-*) / var(--hp-fw-*) kullanır.
 * Aşağıdaki kurallar @layer içinde !important'tır: sabit px yazan eski blok/tema kuralları (çoğu !important) bu
 * katmana yenilir; bu sayede tek yerden yönetilir. Katman çekirdeğin EN SON stil dosyasıdır.
 * Tema ölçeği büyütmek isterse yalnız :root değişkenlerini değiştirir (ör. --hp-type-scale).
 */
:root {
  --hp-type-scale: 1;
  --hp-fs-card-title: calc(16px * var(--hp-type-scale));  --hp-lh-card-title: calc(22px * var(--hp-type-scale));  --hp-fw-card-title: 600;
  --hp-fs-list-title: calc(14px * var(--hp-type-scale));  --hp-lh-list-title: calc(20px * var(--hp-type-scale));  --hp-fw-list-title: 500;
  --hp-fs-hero-title: calc(21px * var(--hp-type-scale));  --hp-lh-hero-title: calc(27px * var(--hp-type-scale));  --hp-fw-hero-title: 700;
  --hp-fs-sidebar-title: var(--hp-fs-sidebar-list); --hp-lh-sidebar-title: var(--hp-lh-sidebar-list); --hp-fw-sidebar-title: 500;
  --hp-fs-sidebar-list: calc(15px * var(--hp-type-scale)); --hp-lh-sidebar-list: calc(21px * var(--hp-type-scale));
  --hp-fs-meta: calc(11.5px * var(--hp-type-scale));      --hp-lh-meta: 16px;                                     --hp-fw-meta: 400;
  --hp-fs-block-title: calc(16px * var(--hp-type-scale)); --hp-lh-block-title: calc(22px * var(--hp-type-scale)); --hp-fw-block-title: 700;
  /* Kart ritmi: tek standart. Blok/tema CSS'i sabit px/rem/cqi boşluk yazmaz; bu değişkenleri kullanır. */
  --hp-card-media-gap: 10px;         /* dikey kart: görsel alt kenarı -> başlık üst kenarı */
  --hp-card-media-gap-inline: 10px;  /* yatay kart: görsel <-> metin (mantıksal: RTL'de otomatik) */
  --hp-card-body-gap: 6px;           /* başlık -> özet / tarih */
  --hp-card-pad: 12px;               /* kenarlıklı/zeminli kartın iç yan boşluğu (kenarsız kartta 0) */
  --hp-gap-media-title: var(--hp-card-media-gap);
  /* Yazı ağırlığı hiyerarşisi: kart 600, liste/yan sütun 500, özet/tarih 400, başlık şeridi ve manşet 700 */
  --hp-fw-summary: 400;
  --hp-fw-nav: 600;                  /* menü bağlantıları */
  --hp-fw-label: 600;                /* kategori rozeti, yazar adı, sekme etiketi, takım/kur adı */
  --hp-fw-ticker: 600;               /* son dakika bandı metni */
}
@media (min-width: 960px) {
  :root {
    --hp-fs-card-title: calc(17px * var(--hp-type-scale)); --hp-lh-card-title: calc(23px * var(--hp-type-scale));
    --hp-fs-list-title: calc(14px * var(--hp-type-scale)); --hp-lh-list-title: calc(20px * var(--hp-type-scale));
    --hp-fs-hero-title: calc(26px * var(--hp-type-scale)); --hp-lh-hero-title: calc(32px * var(--hp-type-scale));
    --hp-fs-sidebar-list: calc(14px * var(--hp-type-scale)); --hp-lh-sidebar-list: calc(20px * var(--hp-type-scale));
    --hp-fs-block-title: calc(18px * var(--hp-type-scale)); --hp-lh-block-title: calc(24px * var(--hp-type-scale));
    --hp-card-media-gap: 12px; --hp-card-media-gap-inline: 12px;
  }
}

@layer hp-type {
  /* --- Haber ızgarası: kart (varsayılan) --- */
  .hp-news-grid .card-title {
    font-size: var(--hp-fs-card-title) !important; line-height: var(--hp-lh-card-title) !important; font-weight: var(--hp-fw-card-title) !important;
  }
  /* liste rolü */
  .hp-news-grid:is(.hp-news-grid--compact-strip, .hp-news-grid--compact-newsbar, .hp-news-grid--compact-cards, .hp-news-grid--compact-overlay, .hp-news-grid--compact-chips, .hp-news-grid--content-editorial-list) .card-title {
    font-size: var(--hp-fs-list-title) !important; line-height: var(--hp-lh-list-title) !important; font-weight: var(--hp-fw-list-title) !important;
  }
  /* içerik öne çıkan ızgara: dar alanda (yatay kartlar) liste rolü */
  @container hp-news-grid (max-width: 599.98px) {
    .hp-news-grid--content-featured-grid .hp-news-card:not(.hp-news-card--first) .card-title {
      font-size: var(--hp-fs-list-title) !important; line-height: var(--hp-lh-list-title) !important; font-weight: var(--hp-fw-list-title) !important;
    }
  }
  /* yan sütun listesi */
  .hp-news-grid[class*="--sidebar-"] .card-title {
    font-size: var(--hp-fs-sidebar-title) !important; line-height: var(--hp-lh-sidebar-title) !important; font-weight: var(--hp-fw-sidebar-title) !important;
  }
  /* yan sütunun ilk (büyük) kartı: kart rolü */
  .hp-news-grid[class*="--sidebar-"] .hp-news-card--first .card-title {
    font-size: var(--hp-fs-card-title) !important; line-height: var(--hp-lh-card-title) !important; font-weight: var(--hp-fw-card-title) !important;
  }
  /* manşet (büyük kart) */
  .hp-news-grid:is(.hp-news-grid--content-magazine, .hp-news-grid--content-featured-grid, .hp-news-grid--full-hero-overlay, .hp-news-grid--full-split-feature, .hp-news-grid--full-mosaic, .hp-news-grid--full-accent-band) .hp-news-card--first .card-title {
    font-size: var(--hp-fs-hero-title) !important; line-height: var(--hp-lh-hero-title) !important; font-weight: var(--hp-fw-hero-title) !important;
  }
  /* blok başlık şeridi (h2) */
  .hp-global-block-card .hp-section-title h2 {
    font-size: var(--hp-fs-block-title) !important; line-height: var(--hp-lh-block-title) !important; font-weight: var(--hp-fw-block-title) !important;
  }
  /* meta */
  .hp-news-grid .hp-news-card .hp-meta {
    font-size: var(--hp-fs-meta) !important; line-height: var(--hp-lh-meta) !important;
  }

  /* --- Manşet kaydırıcı --- */
  .hp-headline-copy h3 {
    font-size: var(--hp-fs-card-title) !important; line-height: var(--hp-lh-card-title) !important; font-weight: var(--hp-fw-card-title) !important;
  }
  .hp-headline--slider-1 .hp-headline-copy h3 {
    font-size: var(--hp-fs-hero-title) !important; line-height: var(--hp-lh-hero-title) !important; font-weight: var(--hp-fw-hero-title) !important;
  }

  /* --- Çok okunanlar / kategori sekmeleri / paylaşılan haberler --- */
  .hp-popular-tabs__copy h3 {
    font-size: var(--hp-fs-sidebar-title) !important; line-height: var(--hp-lh-sidebar-title) !important; font-weight: var(--hp-fw-sidebar-title) !important;
  }
  .hp-category-news-tabs__copy h3, .hp-block-shared-news .card-body > h3, .hp-block-shared-news .card-title {
    font-size: var(--hp-fs-card-title) !important; line-height: var(--hp-lh-card-title) !important; font-weight: var(--hp-fw-card-title) !important;
  }

  /* Başlık içindeki bağlantı/satır parçaları kendi boyutunu yazmaz, başlıktan miras alır */
  .hp-news-grid .card-title a, .hp-news-grid .card-title .hp-news-title-line,
  .hp-headline-copy h3 a, .hp-popular-tabs__copy h3 a, .hp-category-news-tabs__copy h3 a, .hp-block-shared-news .card-body > h3 a {
    font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important;
  }

  /* --- Görsel ile başlık arası boşluk --- */
  /* görsel üstüne binen (overlay) başlıklar: yan iç boşluk en az 12px, okunabilirlik için tema degradesi korunur */
  .hp-news-grid--content-video-grid .hp-news-card > .card-body,
  body.mars .hp-news-grid--content-cards .hp-news-card--first > .card-body {
    padding-inline: 12px !important;
  }
  @media (min-width: 768px) and (max-width: 959.98px) {
    body.mars .hp-news-grid--content-cards .hp-news-card > .card-body { padding-inline: 12px !important; }
  }
  /* görselin altındaki başlık: en az --hp-gap-media-title */
  body.venus .hp-news-grid--content-video-grid .hp-news-card > .card-body {
    padding-block-start: var(--hp-gap-media-title) !important;
  }

  /* ===== Kart ritmi: görsel ↔ başlık boşluğu (tek standart) =====
     Dikey kart: görsel alt kenarı -> gövde üst kenarı = --hp-card-media-gap (gövdenin padding-block-start'ı).
     Yatay kart: görsele BİTİŞİK yandaki iç boşluk = --hp-card-media-gap-inline (mantıksal özellik: RTL'de otomatik),
     kartın column-gap'i 0. Görselin hangi yanda durduğu varyanta göre bellidir (start/end listeleri aşağıda).
     Sebep: blok CSS'leri boşluğu card-body padding'inde (fiziksel left/right, px/rem/cqi) taşıyordu; RTL'de yapışıyor,
     kutu genişliğine göre 7.3-13.6 px arasında değişiyordu. Bindirmeli (overlay) kartlara dokunulmaz.
     Yeni kart düzeni eklerken: boşluğu burada bu değişkenlere bağla, blok CSS'inde sabit değer yazma. */

  /* --- Dikey (görsel üstte, başlık altta) --- */
  .hp-news-grid:is(.hp-news-grid--compact-cards, .hp-news-grid--content-video-grid, .hp-news-grid--video-portfolio) .hp-news-card:has(.hp-news-media>img),
  .hp-news-grid--content-magazine .hp-news-card--first:has(.hp-news-media>img),
  .hp-news-grid--sidebar-thumbs .hp-news-card--first:has(.hp-news-media>img) { row-gap: 0 !important; }
  .hp-news-grid:is(.hp-news-grid--compact-cards, .hp-news-grid--content-video-grid, .hp-news-grid--video-portfolio) .hp-news-card:has(.hp-news-media>img) > .card-body,
  .hp-news-grid--content-magazine .hp-news-card--first:has(.hp-news-media>img) > .card-body,
  .hp-news-grid--sidebar-thumbs .hp-news-card--first:has(.hp-news-media>img) > .card-body {
    padding-block-start: var(--hp-card-media-gap) !important;
  }
  @media (min-width: 768px) {
    .hp-news-grid--sidebar-thumbs .hp-news-card:has(.hp-news-media>img),
    .hp-news-grid--video-newsroom .hp-news-card:not(:nth-child(1)):has(.hp-news-media>img) { row-gap: 0 !important; }
    .hp-news-grid--sidebar-thumbs .hp-news-card:has(.hp-news-media>img) > .card-body,
    .hp-news-grid--video-newsroom .hp-news-card:not(:nth-child(1)):has(.hp-news-media>img) > .card-body {
      padding-block-start: var(--hp-card-media-gap) !important;
    }
  }
  @container hp-news-grid (min-width: 360px) {
    @media (min-width: 768px) {
      .hp-news-grid--content-cards .hp-news-card:has(.hp-news-media>img) { row-gap: 0 !important; }
      .hp-news-grid--content-cards .hp-news-card:has(.hp-news-media>img) > .card-body { padding-block-start: var(--hp-card-media-gap) !important; }
    }
  }
  @container hp-news-grid (min-width: 600px) {
    @media (min-width: 768px) {
      .hp-news-grid--content-magazine .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img) > .card-body { padding-block-start: var(--hp-card-media-gap) !important; }
    }
    .hp-news-grid:is(.hp-news-grid--content-featured-grid, .hp-news-grid--full-split-feature) .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img) > .card-body,
    .hp-news-grid--full-hero-overlay .hp-news-card:nth-child(n+5):has(.hp-news-media>img) > .card-body {
      padding-block-start: var(--hp-card-media-gap) !important;
    }
  }
  @container hp-news-grid (max-width: 599.98px) {
    .hp-news-grid:is(.hp-news-grid--content-featured-grid, .hp-news-grid--full-split-feature) .hp-news-card--first:has(.hp-news-media>img) > .card-body {
      padding-block-start: var(--hp-card-media-gap) !important;
    }
  }

  /* --- Yatay: görsel satır başında (inline-start) --- */
  .hp-news-grid:is(.hp-news-grid--compact-chips, .hp-news-grid--compact-newsbar, .hp-news-grid--compact-strip, .hp-news-grid--sidebar-ranked) .hp-news-card:has(.hp-news-media>img),
  .hp-news-grid--sidebar-featured .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img),
  .hp-news-grid--full-hero-overlay .hp-news-card:not(.hp-news-card--first):nth-child(-n+4):has(.hp-news-media>img) { column-gap: 0 !important; }
  .hp-news-grid:is(.hp-news-grid--compact-chips, .hp-news-grid--compact-newsbar, .hp-news-grid--compact-strip, .hp-news-grid--sidebar-ranked) .hp-news-card:has(.hp-news-media>img) > .card-body,
  .hp-news-grid--sidebar-featured .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img) > .card-body,
  .hp-news-grid--full-hero-overlay .hp-news-card:not(.hp-news-card--first):nth-child(-n+4):has(.hp-news-media>img) > .card-body {
    padding-inline-start: var(--hp-card-media-gap-inline) !important;
  }
  @media (max-width: 767.98px) {
    .hp-news-grid--content-cards .hp-news-card:has(.hp-news-media>img),
    .hp-news-grid--content-magazine .hp-news-card:not(.hp-news-card--first):not(:nth-child(2)):not(:nth-child(3)):has(.hp-news-media>img),
    .hp-news-grid--sidebar-thumbs .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img),
    .hp-news-grid--video-newsroom .hp-news-card:not(:nth-child(1)):has(.hp-news-media>img) { column-gap: 0 !important; }
    .hp-news-grid--content-cards .hp-news-card:has(.hp-news-media>img) > .card-body,
    .hp-news-grid--content-magazine .hp-news-card:not(.hp-news-card--first):not(:nth-child(2)):not(:nth-child(3)):has(.hp-news-media>img) > .card-body,
    .hp-news-grid--sidebar-thumbs .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img) > .card-body,
    .hp-news-grid--video-newsroom .hp-news-card:not(:nth-child(1)):has(.hp-news-media>img) > .card-body {
      padding-inline-start: var(--hp-card-media-gap-inline) !important;
    }
  }
  @container hp-news-grid (max-width: 359.98px) {
    .hp-news-grid--content-cards .hp-news-card:has(.hp-news-media>img) { column-gap: 0 !important; }
    .hp-news-grid--content-cards .hp-news-card:has(.hp-news-media>img) > .card-body { padding-inline-start: var(--hp-card-media-gap-inline) !important; }
  }
  @container hp-news-grid (max-width: 599.98px) {
    .hp-news-grid--content-magazine .hp-news-card:not(.hp-news-card--first):not(:nth-child(2)):not(:nth-child(3)):has(.hp-news-media>img) { column-gap: 0 !important; }
    .hp-news-grid--content-magazine .hp-news-card:not(.hp-news-card--first):not(:nth-child(2)):not(:nth-child(3)):has(.hp-news-media>img) > .card-body { padding-inline-start: var(--hp-card-media-gap-inline) !important; }
    .hp-news-grid:is(.hp-news-grid--full-hero-overlay, .hp-news-grid--full-mosaic) .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img) { column-gap: 0 !important; }
    .hp-news-grid:is(.hp-news-grid--full-hero-overlay, .hp-news-grid--full-mosaic) .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img) > .card-body { padding-inline-start: var(--hp-card-media-gap-inline) !important; }
  }

  /* --- Yatay: görsel satır sonunda (inline-end): gövdenin sonuna bakan iç boşluk --- */
  .hp-news-grid--sidebar-accent-list .hp-news-card:has(.hp-news-media>img) { column-gap: 0 !important; }
  .hp-news-grid--sidebar-accent-list .hp-news-card:has(.hp-news-media>img) > .card-body { padding-inline: var(--hp-card-media-gap-inline) !important; }
  @media (max-width: 767.98px) {
    .hp-news-grid--content-magazine .hp-news-card:is(:nth-child(2), :nth-child(3)):has(.hp-news-media>img) { column-gap: 0 !important; }
    .hp-news-grid--content-magazine .hp-news-card:is(:nth-child(2), :nth-child(3)):has(.hp-news-media>img) > .card-body { padding-inline: var(--hp-card-media-gap-inline) !important; }
  }
  @container hp-news-grid (max-width: 599.98px) {
    .hp-news-grid--content-magazine .hp-news-card:is(:nth-child(2), :nth-child(3)):has(.hp-news-media>img) { column-gap: 0 !important; }
    .hp-news-grid--content-magazine .hp-news-card:is(:nth-child(2), :nth-child(3)):has(.hp-news-media>img) > .card-body { padding-inline: var(--hp-card-media-gap-inline) !important; }
    .hp-news-grid:is(.hp-news-grid--content-featured-grid, .hp-news-grid--full-split-feature) .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img) { column-gap: 0 !important; }
    .hp-news-grid:is(.hp-news-grid--content-featured-grid, .hp-news-grid--full-split-feature) .hp-news-card:not(.hp-news-card--first):has(.hp-news-media>img) > .card-body { padding-inline: var(--hp-card-media-gap-inline) !important; }
    .hp-news-grid--content-editorial-list .hp-news-card:has(.hp-news-media>img) > .card-body {
      padding-inline-start: 4px !important; padding-inline-end: var(--hp-card-media-gap-inline) !important;
    }
  }
  /* zaman çizelgesi (editorial list) masaüstü: tek satır görsel solda, çift satır sağda */
  @container hp-news-grid (min-width: 600px) {
    .hp-news-grid--content-editorial-list .hp-news-card:nth-child(odd):has(.hp-news-media>img) > .card-body { padding-inline-start: var(--hp-card-media-gap-inline) !important; padding-inline-end: 0 !important; }
    .hp-news-grid--content-editorial-list .hp-news-card:nth-child(even):has(.hp-news-media>img) > .card-body { padding-inline-end: var(--hp-card-media-gap-inline) !important; padding-inline-start: 20px !important; }
  }

  /* --- Gövde içi ritim ve ağırlık: başlık -> özet/tarih --- */
  .hp-news-grid .hp-news-card .card-text { font-weight: var(--hp-fw-summary) !important; }
  .hp-news-grid .hp-news-card .hp-meta { font-weight: var(--hp-fw-meta) !important; }

  /* --- Diğer kart blokları: görsel ↔ başlık boşluğu --- */
  .hp-category-news-tabs__copy { padding-block-start: var(--hp-card-media-gap) !important; }
  .hp-popular-tabs__item.is-first { row-gap: var(--hp-card-media-gap) !important; }
  .hp-popular-tabs--sidebar-featured .hp-popular-tabs__item.is-first .hp-popular-tabs__media { margin-block-end: 0 !important; }
  .hp-popular-tabs--sidebar-thumbnails .hp-popular-tabs__item { column-gap: var(--hp-card-media-gap-inline) !important; }
  .hp-sidebar-feed .list-group-item > a { column-gap: var(--hp-card-media-gap-inline) !important; }
  .hp-sidebar-feed--sidebar-ranked .hp-sidebar-feed-copy { padding-inline-start: var(--hp-card-media-gap-inline) !important; padding-inline-end: 0 !important; }
  .hp-sidebar-feed--sidebar-featured .list-group-item:first-child.has-media > a { row-gap: var(--hp-card-media-gap) !important; }
  .hp-sidebar-feed--sidebar-featured .list-group-item:first-child.has-media .hp-sidebar-feed-copy { padding-block-start: 0 !important; }
  .hp-author-list article { column-gap: var(--hp-card-media-gap-inline) !important; }

  /* --- Yazı ağırlığı hiyerarşisi (diğer bloklar) --- */
  .hp-block-header-navigation :is(a, span, button) { font-weight: var(--hp-fw-nav) !important; }
  .hp-news-grid .hp-kicker, .hp-headline-category, .hp-category-badge:not(.hp-category-badge--official) { font-weight: var(--hp-fw-label) !important; }
  .hp-author-name, .hp-standing-team, .hp-currency-name, .hp-popular-tabs__tab, .hp-category-news-tabs__tab { font-weight: var(--hp-fw-label) !important; }
  .hp-author-copy h3, .hp-author-copy h3 a { font-weight: var(--hp-fw-card-title) !important; }
  .hp-block-breaking-news strong, .hp-block-breaking-news a { font-weight: var(--hp-fw-ticker) !important; }
  .hp-block-breaking-news time, .hp-category-news-tabs__copy time, .hp-sidebar-feed-copy time, .hp-popular-tabs__copy time { font-weight: var(--hp-fw-meta) !important; }
  .hp-block-heading :is(h1, h2, h3, h4, .hp-heading-text) { font-weight: var(--hp-fw-block-title) !important; }
}

/* --- Arapça / RTL: satır yüksekliği daha ferah (aksi halde işaretler satırlara çarpar) --- */
html:is([dir="rtl"], [lang^="ar"], [lang^="fa"], [lang^="he"], [lang^="ur"]) {
  --hp-lh-card-title: calc(var(--hp-fs-card-title) * 1.45);
  --hp-lh-list-title: calc(var(--hp-fs-list-title) * 1.5);
  --hp-lh-hero-title: calc(var(--hp-fs-hero-title) * 1.35);
  --hp-lh-sidebar-list: calc(var(--hp-fs-sidebar-list) * 1.5);
  --hp-lh-block-title: calc(var(--hp-fs-block-title) * 1.4);
  --hp-lh-meta: 18px;
}