/*
 * Satır genişlik sözleşmesi
 * Esnek: tam ekran satır ve tam ekran içerik.
 * Sabit: container genişliğinde satır ve içerik.
 * Container: tam ekran satır yüzeyi ve container genişliğinde iç içerik.
 */
.hp-layout-row.hp-container-fluid {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}

.hp-layout-row.hp-container-shell {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

/*
 * Satır deseni yalnız dekoratif arka plan katmanıdır. Container modunda
 * `.hp-layout-row__inner` araya girdiği için tema.css'teki doğrudan `.hp-grid`
 * kuralı içeriği yükseltemez; iç sarmalayıcıyı desenin önüne sabitle.
 */
.hp-layout-row[style*="background-image"]::before {
  z-index: 0;
}

.hp-layout-row[style*="background-image"] > :is(.hp-grid, .hp-layout-row__inner) {
  position: relative;
  z-index: 1;
}

/* Çoklu yatay bloklarda sütun hizalaması gerçek başlangıç noktasını belirler. */
.hp-grid-area[data-block-layout="row"] > .hp-block {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
}

.hp-grid-area[data-block-layout="row"] > .hp-block:only-child {
  flex: 1 1 100%;
  width: 100%;
}

/* Stacked social links must have an explicit column width. An inline-size
   query container otherwise contributes zero intrinsic width. */
.hp-grid-area[data-block-layout="stack"] > .hp-block-social-links:has(.hp-social[class*="hp-social--compact-"]) {
  width: 100%;
}

/* Content columns, including sidebars, keep independently rendered blocks
   from touching. Header and footer sections retain their authored rhythm. */
.hp-layout-row:not(.hp-layout-section-header):not(.hp-layout-section-footer)
  .hp-grid-area[data-block-layout="stack"] > .hp-block:not(.hp-block-heading):not(:first-of-type) {
  margin-block-start: 1rem;
}

/* Header satırlarında sütunlar (logo, bağlantılar, hava durumu, düğmeler) dikeyde ortalanır;
   farklı yükseklikteki bloklar üstte toplanıp logonun satırı gereksiz uzamaz. */
.hp-layout-section-header > .hp-layout-row__inner > .hp-grid { align-items: center; }

/*
 * Mobil dikey ritim sözleşmesi (07.10.2026): başlıklı bloklar ve başlık (heading) bloğu bir önceki
 * bloktan en az 1rem uzakta başlar. Blok ayarındaki küçük dış boşluk sınıfları (my-0..2, mt-0..2: 8px
 * ve altı) bu değere yükseltilir; bilinçli büyük boşluk (mt-3..5, my-3..5) korunur.
 * Alan içinde ilk blok ise (önceki alanın hemen altı) .75rem verilir.
 */
@media (max-width:767.98px){
  .hp-grid-area > .hp-block:is(.hp-global-header-rendered,.hp-block-heading):not(:first-child):not(:is(.mt-3,.mt-4,.mt-5,.my-3,.my-4,.my-5)){
    margin-block-start:1rem!important;
  }
  .hp-grid-area > .hp-block:is(.hp-global-header-rendered,.hp-block-heading):first-child:not(:is(.mt-3,.mt-4,.mt-5,.my-3,.my-4,.my-5)){
    margin-block-start:.75rem!important;
  }
  /* Altbilgi, üstündeki içeriğe yapışmasın. */
  .hp-grid-area > .hp-block-site-footer{margin-block-start:1rem}
}