/* ===============================================================
   HAKKIMIZDA SAYFASI — /hakkimizda/ (15 Ağu 2026)

   NEDEN AYRI DOSYA?
   Hostinger'in kenar önbelleği (hCDN) statik dosyaları 30 gün
   saklıyor ve `style.css?ver=…` sorgu parametresini yok sayıyor:
   sürüm numarası değişse bile kenar sunucu ESKİ dosyayı vermeye
   devam ediyor (`x-hcdn-cache-status: HIT`, `last-modified` eski).
   Yeni bir DOSYA YOLU ise her zaman tazedir. Bu yüzden sayfaya özgü
   kurallar style.css'e değil buraya yazılıyor. functions.php içinde
   `is_page('hakkimizda')` koşuluyla yükleniyor.

   DÜZEN
   Sayfa `ct-container-full` düzeninde ve `.entry-content`
   `is-layout-constrained` — bu düzende her blok kendi max-width'i
   kadar daralıp ORTALANIR, yani farklı genişlikteki bloklar farklı
   sol kenardan başlar. Sayfada dört ayrı sol kenar vardı.

   Çözüm iki katmanlı:
   1. Her bölüm `alignfull` bir grup, içinde tek bir
      `.rb-section__inner` (1180px). Bütün bölümlerin sol/sağ
      kenarı birebir aynı.
   2. Bölüm içi düzen `.rb-split` ızgarası: SOLDA çapa (giriş
      cümlesi ya da bölüm başlığı), SAĞDA okuma sütunu. Sütun
      genişliği zaten okunur satır uzunluğunu veriyor, ayrıca
      `max-width` gerekmiyor.
   =============================================================== */

/* Bölümler kendi dikey boşluğunu taşıyor; temanın içerik boşluğu
   üstte fazladan bir aralık bırakıyordu. */
body.sayfa-hakkimizda #main .ct-container,
body.sayfa-hakkimizda #main .ct-container-full {
	--content-vertical-spacing: 0px;
}

body.sayfa-hakkimizda #main > .ct-container-full {
	padding-block: 0;
}

body.sayfa-hakkimizda .hero-section {
	margin-bottom: 0;
}

/* Bölüm zeminleri dönüşümlü: başlık şeridi (#F4F5F6) → beyaz →
   #F8F9FA → beyaz → #F8F9FA. Renk değişimi bölümleri zaten
   ayırdığı için aralara ayrıca çizgi konmuyor. */
.rb-page-intro {
	background-color: var(--rb-white);
}

.rb-page-why {
	background-color: var(--rb-surface);
}

.rb-page-services {
	background-color: var(--rb-surface);
}

/* Güven şeridinin `style.css`'teki alt çizgisi bu sayfada kalkıyor:
   altındaki bölümün zemini zaten değişiyor, çizgi "Ne Yapıyoruz?"
   başlığının üstünde gereksiz bir yatay ayraç gibi okunuyordu. */
body.sayfa-hakkimizda .rb-trust {
	border-bottom: 0;
}

/* --- İki sütunlu bölüm düzeni ---------------------------------
   Solda çapa sütunu, sağda okuma sütunu. Oran bütün bölümlerde
   AYNI; böylece sağ sütunun sol kenarı bölümden bölüme kaymıyor. */
body.sayfa-hakkimizda .rb-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
	gap: clamp(2rem, 4vw, 3.5rem);
	align-items: start;
}

/* WordPress'in akış düzeni kardeş bloklara `margin-block-start`
   veriyor; ızgarada bu ikinci sütunu aşağı itiyordu. */
body.sayfa-hakkimizda .rb-split > * {
	margin-block-start: 0;
}

/* İki sütunun altına, tam genişlikte uzanan öğe (hizmet kartları) */
body.sayfa-hakkimizda .rb-split__full {
	grid-column: 1 / -1;
}

/* --- Metin sütunu ---------------------------------------------
   Okunabilirlik: gövde metni bir tık büyük, satır aralığı ferah.
   Kuralların hepsi `.rb-prose` altında; kart içlerindeki küçük
   puntolu metinler etkilenmiyor. */
body.sayfa-hakkimizda .rb-prose > p {
	font-size: 1.0625rem;
	line-height: 1.85;
	color: var(--rb-ink-soft);
	margin: 0 0 1.15em;
}

body.sayfa-hakkimizda .rb-prose > p:last-child {
	margin-bottom: 0;
}

/* Giriş paragrafı: koyu mürekkep, büyük punto, üstünde kısa turuncu
   çizgi. Sayfanın giriş cümlesi olduğu tek bakışta anlaşılsın.

   DİKKAT: seçici `.rb-prose > p.rb-lead` olmak ZORUNDA. Yukarıdaki
   `> p` kuralı (0,2,2) sade `.rb-lead`'i (0,2,1) yener ve giriş
   paragrafı gövde metniyle aynı görünür. */
body.sayfa-hakkimizda .rb-prose > p.rb-lead {
	font-size: clamp(1.15rem, 1.9vw, 1.32rem);
	line-height: 1.7;
	font-weight: 500;
	color: var(--rb-ink);
	margin-bottom: 0;
}

body.sayfa-hakkimizda .rb-prose > p.rb-lead::before {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-bottom: 1.75rem;
	border-radius: 2px;
	background-color: var(--rb-accent);
}

/* Bölüm başlıkları. `.entry-content > h2` kuralındaki alt çizgi ve
   üst boşluk buraya ULAŞMAZ (başlıklar artık doğrudan çocuk değil);
   ölçüler bu yüzden burada yeniden veriliyor. Sol sütunda tek
   başına durdukları için sağ sütunun ilk satırıyla hizalansınlar
   diye üst boşlukları sıfır. */
body.sayfa-hakkimizda .rb-prose > h2 {
	font-size: clamp(1.55rem, 2.8vw, 2.1rem);
	line-height: 1.25;
	margin: 0;
	color: var(--rb-ink);
}

/* Başlık sütunda tek başınaysa üst hizayı bozmasın diye boşluğu yok;
   altında paragraf varsa normal başlık boşluğuna döner. */
body.sayfa-hakkimizda .rb-prose > h2:not(:last-child) {
	margin-bottom: 1.15rem;
}

/* Alıntı kutusu — "Neden Rebound?" bölümünün sağ sütununda tek
   başına duruyor. Kutunun kendi zemini de `--rb-surface`; bu bölüm
   de aynı renkte olduğu için kutu zeminde kayboluyordu, beyaza
   alınıyor. */
body.sayfa-hakkimizda .rb-quote {
	margin: 0;
	background-color: var(--rb-white);
}

/* Kutu soldaki metin sütunundan kısa; üste yapıştırmak yerine dikeyde
   ortalanınca bölüm dengeli duruyor. */
body.sayfa-hakkimizda .rb-page-why .rb-split__main {
	align-self: center;
}

/* --- Hizmet kartları -------------------------------------------
   1180px'lik kapsayıcıda dört kart yan yana ~275px kalıyor ve uzun
   açıklamalar dar sütunda sıkışıyordu. 2×2 ızgara daha okunur. */
body.sayfa-hakkimizda .rb-services__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--rb-gap);
	margin: 0;
}

body.sayfa-hakkimizda .rb-services__item {
	padding: var(--rb-pad-lg);
}

body.sayfa-hakkimizda .rb-services__item h3 {
	font-size: 1.15rem;
}

body.sayfa-hakkimizda .rb-services__item p {
	font-size: .97rem;
	line-height: 1.75;
}

/* --- Dar ekranlar ----------------------------------------------
   940px altında iki sütun tek sütuna iner. Izgara yerine normal
   akışa dönülüyor; böylece her bloğun kendi alt boşluğu geçerli
   oluyor ve satır aralıkları ızgara `gap`ine mahkûm kalmıyor. */
@media (max-width: 940px) {
	body.sayfa-hakkimizda .rb-split {
		display: block;
	}

	body.sayfa-hakkimizda .rb-split__aside {
		margin-bottom: 1.6rem;
	}

	body.sayfa-hakkimizda .rb-split__main + .rb-services__grid,
	body.sayfa-hakkimizda .rb-split__full {
		margin-top: 2.25rem;
	}
}

@media (max-width: 780px) {
	body.sayfa-hakkimizda .rb-services__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}