/*
 * Proje: ACIZANE Portal
 * Modül: Artikel
 * Dosya: themes/default/assets/css/pages/page_home_articles.css
 * Açıklama: Ana sayfa yuvalarının sayfaya özel kancaları. Yerleşim (kalıp, hücre, yığın, mobil) HDS LayoutRow'dadır
 *           (css/hds/components/layout-row/base.css); burada yalnız parça renkleri / kapak oranı (HDS Card soft kancaları)
 *           ve akış öğe genişliği vardır. Card / SectionHeader görünümü burada yeniden yazılmaz.
 * Sürüm: 2.0.0
 * Oluşturuldu: 30.10.2026
 * Güncellendi: 02.11.2026 · Yerleşim motoru: bölge ızgaraları HDS LayoutRow'a taşındı
 */

/* ---> Ana sayfa artikel yuvaları */

/* Sayfanın ilk satırı üste yaslanır (satır aralığı yalnız satırlar arasında) */
.portal-home > :first-child {
    margin-top: 0;
}

/* Artikel formu önizlemesi (ArticleSlotPreview): tek yuva kartı, yuva genişliğinde (kart ya da tam genişlik) */
.portal-home__articles-grid {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}

.portal-home__articles-grid--wide {
    grid-template-columns: 1fr;
}

/* Günün Ayeti / Hadisi / Duası: her kutunun kendi hafif rengi (HDS Card soft kancası) */
[data-hds-slot="Günün Ayeti"] { --hds-card-soft-tint: #eef5ef; --hds-card-soft-edge: #d3e4d6; }
[data-hds-slot="Günün Hadisi"] { --hds-card-soft-tint: #fbf4e6; --hds-card-soft-edge: #efdfbc; }
[data-hds-slot="Günün Duası"] { --hds-card-soft-tint: #f6eff5; --hds-card-soft-edge: #e5d3e2; }

[data-hds-slot="Şiir Köşesi"] { --hds-card-soft-cover-ratio: 4 / 1; }
[data-hds-slot="Şiir Köşesi"] { --hds-card-soft-tint: #a8263a; --hds-card-soft-edge: #861a2c; --hds-card-soft-ink: #fff; --hds-card-soft-ink-muted: rgb(255 255 255 / 0.78); --hds-card-soft-accent: #f6cfa4; }
[data-hds-slot="Osmanlıca"] { --hds-card-soft-tint: #f8f0e8; --hds-card-soft-edge: #e8d6c4; }

/* Akış (HDS Carousel flow): öğe genişliği yalnız HDS kancasıyla, ızgaranın sütun sayısına göre (kutu genişliği = konteyner birimi) */
.portal-home__flow {
    margin-top: 1rem;
    --hds-carousel-gap: 1rem;
}

.portal-home__flow--four {
    --portal-home-flow-columns: 4;
}

.portal-home__flow--five {
    --portal-home-flow-columns: 5;
}

.portal-home__flow--four,
.portal-home__flow--five {
    --hds-carousel-flow-item-size: calc((100cqw - (var(--portal-home-flow-columns) - 1) * var(--hds-carousel-gap)) / var(--portal-home-flow-columns));
}

@media (max-width: 64rem) {
    .portal-home__flow--four { --portal-home-flow-columns: 2; }
    .portal-home__flow--five { --portal-home-flow-columns: 3; }
}

@media (max-width: 40rem) {
    .portal-home__flow--five { --portal-home-flow-columns: 2; }
}

@media (max-width: 28rem) {
    .portal-home__flow--four,
    .portal-home__flow--five { --portal-home-flow-columns: 1; }
}

/* <--- Ana sayfa artikel yuvaları */