/*
 * 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; }