/* ==========================================================================
   Indri Ethnics — Text / içerik sayfaları (Hakkımızda, İletişim, sözleşmeler…)
   WPBakery ile kurulu sayfalar; Salient dequeue edilir, js_composer (grid)
   korunur. Burada koyu "prose" tasarımı: okunaklı tipografi + site paleti.
   Tümü body.sc-text-page kapsamında — Woo sayfalarına (sepet/ödeme/hesap) sızmaz.
   ========================================================================== */

:root {
	--sc-bg: #0a0a0a;
	--sc-surface: #111111;
	--sc-text: #d6d1c4;
	--sc-muted: rgba(214, 209, 196, 0.55);
	--sc-border: rgba(214, 209, 196, 0.14);
	--sc-accent: #c8f04a;
	--sc-page-font: "JetBrains Mono", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
	--sc-page-gutter: clamp(1.25rem, 5vw, 4rem);
}

body.sc-text-page {
	background: var(--sc-bg);
	color: var(--sc-text);
	font-family: var(--sc-page-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* #ajax-content-wrap (parallax reveal'ın opak içerik katmanı) koyu kalsın +
   yatay taşma kesilsin. Yatay kırpma yalnız SARMALAYICIDA: body'de `overflow-x`
   vermek footer'ın `position: sticky`'sini bozuyor (footer.css → reveal) —
   `hidden` body'yi kaydırma konteynerine çevirip sticky'yi öldürüyor, `clip` ise
   HTML'e özgü viewport propagation'la (html `visible` olduğu için) viewport'a
   sızıp sayfayı hiç kaydırılamaz yapıyor. İkisi de ölçüldü. */
body.sc-text-page,
body.sc-text-page #ajax-content-wrap {
	background: var(--sc-bg);
}

body.sc-text-page #ajax-content-wrap {
	overflow-x: clip;
}

.sc-textpage,
.sc-textpage * {
	/* Padding'in genişliğe eklenip taşma yaratmaması için (asıl yatay-scroll sebebi). */
	box-sizing: border-box;
}

.sc-textpage {
	/* Tam genişlik — yanlarda yalnızca nefes payı (gutter). */
	width: 100%;
	max-width: 100%;
	/* Üst boşluk kategori/shop sayfasıyla (.sc-shop) BİREBİR aynı değerde:
	   h1'ler her sayfada header'a aynı mesafede dursun diye. Değiştirirsen
	   shop.css'teki .sc-shop üst padding'ini de aynı değerle güncelle. */
	padding: clamp(1rem, 2vw, 1.75rem) var(--sc-page-gutter) clamp(4rem, 10vw, 7rem);
	/* WPBakery stretch/negatif-margin satırları yatay kaydırma yaratmasın. */
	overflow-x: hidden;
}

/* --- Tipografi ------------------------------------------------------------- */

.sc-textpage h1,
.sc-textpage h2,
.sc-textpage h3,
.sc-textpage h4 {
	color: var(--sc-text);
	font-family: var(--sc-page-font);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
	margin: 2.4em 0 0.7em;
}

/* Ayraç h1'in kendisinde DEĞİL, başlık bloğunda (.sc-textpage__head) çizilir —
   shop sayfasındaki .sc-shop__head ile aynı yapı. */
.sc-textpage h1 {
	font-size: clamp(2rem, 5vw, 3.25rem);
	margin-top: 0;
}

/* Başlık bloğu — shop/kategori sayfasındaki .sc-shop__head ile BİREBİR aynı
   yapı ve değerler: başlık altındaki ayraç her sayfada aynı yükseklikte dursun
   diye. Değiştirirsen shop.css'teki .sc-shop__head'i de aynı değerlerle
   güncelle. */
.sc-textpage__head {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.9rem;
	text-align: center;
	margin-bottom: clamp(1.5rem, 4vw, 3rem);
	padding-bottom: clamp(1rem, 2vw, 1.75rem);
	border-bottom: 1px solid var(--sc-border);
	/* Ayraç shop'taki gibi kenardan kenara (fullwidth): blok, sayfanın yan
	   gutter'ı kadar dışarı taşınır, eşit iç padding metni yerinde tutar —
	   toplam genişlik sayfayla aynı kalır, yatay taşma olmaz. */
	margin-left: calc(-1 * var(--sc-page-gutter));
	margin-right: calc(-1 * var(--sc-page-gutter));
	padding-left: var(--sc-page-gutter);
	padding-right: var(--sc-page-gutter);
}

/* Shop'ta ayracın üstünde h1 + breadcrumb satırı var; bu sayfalarda breadcrumb
   BİLEREK basılmıyor (bkz. templates/text-page.php). Boş kalan satırın yerini
   bu sözde-öğe tutar: breadcrumb'ın font-size'ını alır ve yüksekliğini kendi
   satır yüksekliğinden (1lh) hesaplar — yani ölçü breadcrumb'la kendiliğinden
   aynı kalır, bir sayı olarak sabitlenmez. Aradaki 0.9rem'i flex `gap` verir.
   `1lh` desteklenmeyen tarayıcıda üstteki `em` fallback'i devreye girer. */
.sc-textpage__head::after {
	content: "";
	display: block;
	width: 100%;
	font-size: 0.75rem;
	height: 1.35em;
	height: 1lh;
}

/* Sayfa başlığı (template'ten basılan h1) — kategori sayfasındaki başlıkla
   birebir aynı: punto/ağırlık .sc-shop__title'dan alındı (shop.css).
   Seçici iki class'lı (0,2,0): yukarıdaki ".sc-textpage h1" (0,1,1) puntoyu ve
   boşlukları ezerdi, tek class'lı bir kural kaybederdi.
   .sc-shop__title'daki `text-transform: capitalize` BİLEREK alınmadı: kategori
   adları tek kelime, burada ise "İptal ve İade Koşulları" gibi başlıklar var —
   capitalize "ve"yi de büyütür. */
.sc-textpage .sc-textpage__title {
	margin: 0;
	font-size: clamp(1.75rem, 4vw, 3rem);
	font-weight: 300;
	line-height: 1.05;
	letter-spacing: -0.02em;
	text-align: center;
}

.sc-textpage h2 {
	font-size: clamp(1.4rem, 3vw, 1.9rem);
}

.sc-textpage h3 {
	font-size: clamp(1.15rem, 2.4vw, 1.4rem);
}

.sc-textpage h4 {
	font-size: 1.05rem;
}

/* Renk modeli ürün akordiyonlarıyla aynı: gövde soluk (--sc-muted),
   başlık/vurgu krem (--sc-text). */
.sc-textpage p,
.sc-textpage li {
	font-size: 1rem;
	line-height: 1.85;
	color: var(--sc-muted);
}

.sc-textpage p {
	margin: 0 0 1.3em;
}

.sc-textpage strong,
.sc-textpage b {
	color: var(--sc-text);
	font-weight: 700;
}

.sc-textpage a {
	color: var(--sc-accent);
	text-decoration: none;
	border-bottom: 1px solid rgba(200, 240, 74, 0.35);
	transition: border-color 0.25s ease, color 0.25s ease;
}

.sc-textpage a:hover,
.sc-textpage a:focus {
	border-bottom-color: var(--sc-accent);
}

.sc-textpage ul,
.sc-textpage ol {
	margin: 0 0 1.4em;
	padding-left: 1.4em;
}

.sc-textpage li {
	margin-bottom: 0.5em;
}

.sc-textpage ul li::marker {
	color: var(--sc-accent);
}

.sc-textpage ol li::marker {
	color: var(--sc-muted);
}

.sc-textpage hr {
	border: 0;
	border-top: 1px solid var(--sc-border);
	margin: 2.5em 0;
}

.sc-textpage blockquote {
	margin: 1.6em 0;
	padding: 0.6em 0 0.6em 1.3em;
	border-left: 2px solid var(--sc-accent);
	color: var(--sc-muted);
	font-style: italic;
}

.sc-textpage img {
	max-width: 100%;
	height: auto;
}

/* --- Tablolar (sözleşme sayfaları) ---------------------------------------- */

.sc-textpage table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.6em 0;
	font-size: 0.92rem;
}

.sc-textpage th,
.sc-textpage td {
	padding: 0.7rem 0.9rem;
	border: 1px solid var(--sc-border);
	text-align: left;
	vertical-align: top;
}

.sc-textpage th {
	color: var(--sc-text);
	background: var(--sc-surface);
	font-weight: 700;
}

/* --- WPBakery sarmalayıcıları (Salient CSS yok; nötrle + tam genişlik) ----- */

.sc-textpage .vc_row,
.sc-textpage .wpb_row,
.sc-textpage .wpb_column,
.sc-textpage .vc_column_container,
.sc-textpage .wpb_text_column,
.sc-textpage .wpb_wrapper {
	background: transparent;
	width: auto;
}

/* Salient .container yok → satırların negatif yan boşlukları taşma yapıyordu.
   Sıfırla + tam genişliğe sığdır (içerik gutter'ı .sc-textpage'ten gelir). */
.sc-textpage .vc_row,
.sc-textpage .wpb_row,
.sc-textpage .row,
.sc-textpage .vc_row-fluid {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}

.sc-textpage .container,
.sc-textpage .container-wrap {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.sc-textpage .wpb_content_element,
.sc-textpage .wpb_text_column {
	margin-bottom: 1.5rem;
}

/* İletişim formları: derli toplu dursun → genişliği sınırla + ortala
   (CF7 ve WPForms kapsayıcıları). */
.sc-textpage .wpcf7,
.sc-textpage .wpforms-container {
	max-width: 34rem;
	margin-inline: auto;
}

/* --- İletişim formu (Contact Form 7) -------------------------------------- */

.sc-textpage .wpcf7-form p {
	margin-bottom: 0.85rem;
}

.sc-textpage .wpcf7-form label {
	display: block;
	/* Form üstü etiketler text sayfası gövde yazısıyla aynı: renk + boyut. */
	color: var(--sc-text);
	font-size: 1rem;
	letter-spacing: 0.04em;
	margin-bottom: 0.4rem;
}

.sc-textpage .wpcf7-form input[type="text"],
.sc-textpage .wpcf7-form input[type="email"],
.sc-textpage .wpcf7-form input[type="tel"],
.sc-textpage .wpcf7-form input[type="url"],
.sc-textpage .wpcf7-form input[type="number"],
.sc-textpage .wpcf7-form textarea,
.sc-textpage .wpcf7-form select {
	width: 100%;
	padding: 0.65rem 1.15rem;
	background: var(--sc-surface);
	color: var(--sc-text);
	border: 1px solid var(--sc-border);
	/* Tek satır alanlar tam oval (buton diliyle aynı); textarea çok satırlı
	   olduğu için tam pill yerine ölçülü bir yuvarlaklık kullanır (aşağıda ezilir). */
	border-radius: 999px;
	font-family: var(--sc-page-font);
	font-size: 0.88rem;
	transition: border-color 0.25s ease;
}

.sc-textpage .wpcf7-form textarea {
	min-height: 7rem;
	padding: 0.85rem 1.15rem;
	border-radius: 20px;
	resize: vertical;
}

.sc-textpage .wpcf7-form input::placeholder,
.sc-textpage .wpcf7-form textarea::placeholder {
	color: var(--sc-muted);
}

.sc-textpage .wpcf7-form input:focus,
.sc-textpage .wpcf7-form textarea:focus,
.sc-textpage .wpcf7-form select:focus {
	outline: none;
	border-color: var(--sc-accent);
}

.sc-textpage .wpcf7-form .wpcf7-submit {
	display: inline-block;
	margin-top: 0.5rem;
	padding: 0.85rem 2.2rem;
	background: var(--sc-accent);
	color: var(--sc-bg);
	border: 0;
	border-radius: 999px;
	font-family: var(--sc-page-font);
	font-weight: 700;
	font-size: 0.9rem;
	letter-spacing: 0.04em;
	cursor: pointer;
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.sc-textpage .wpcf7-form .wpcf7-submit:hover {
	transform: translateY(-2px);
}

.sc-textpage .wpcf7-form .wpcf7-not-valid-tip {
	color: #ff7a7a;
	font-size: 0.8rem;
}

.sc-textpage .wpcf7 .wpcf7-response-output {
	margin: 1.2rem 0 0;
	padding: 0.8rem 1rem;
	border: 1px solid var(--sc-border);
	color: var(--sc-text);
	font-size: 0.9rem;
}

/* --- İletişim formu (WPForms) --------------------------------------------- */
/* Renkler footer formuyla aynı: zemin --sc-surface, metin + placeholder
   --sc-muted, focus'ta kenar --sc-accent (sarı). WPForms kendi kurallarını
   inline/yüksek özgüllükle dayattığından (alan-boyutu, focus, focus:invalid,
   placeholder), aynı tekniklerle özgüllük aşılarak ezilir. !important yok. */

/* Alanlar tam genişlik (WPForms alan-boyutu sınıflarını ezer). */
.sc-textpage .wpforms-form .wpforms-field-small,
.sc-textpage .wpforms-form .wpforms-field-medium,
.sc-textpage .wpforms-form .wpforms-field-large {
	max-width: 100%;
}

.sc-textpage .wpforms-form .wpforms-field {
	padding: 0 0 1rem;
}

/* Alan etiketi: text sayfası gövde yazısıyla aynı renk + boyut. */
.sc-textpage .wpforms-form .wpforms-field-label {
	color: var(--sc-text);
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.04em;
}

/* Alt etiket (ikincil/parantez içi) küçük + soluk kalsın. */
.sc-textpage .wpforms-form .wpforms-field-sublabel {
	color: var(--sc-muted);
	font-size: 0.82rem;
	font-weight: 400;
	letter-spacing: 0.04em;
}

.sc-textpage .wpforms-form .wpforms-field-description {
	color: var(--sc-muted);
	font-size: 0.78rem;
}

.sc-textpage .wpforms-form .wpforms-required-label {
	color: var(--sc-accent);
}

/* Girdiler — footer formuyla aynı renk. */
.sc-textpage .wpforms-form input[type="text"],
.sc-textpage .wpforms-form input[type="email"],
.sc-textpage .wpforms-form input[type="tel"],
.sc-textpage .wpforms-form input[type="url"],
.sc-textpage .wpforms-form input[type="number"],
.sc-textpage .wpforms-form textarea,
.sc-textpage .wpforms-form select {
	width: 100%;
	padding: 0.65rem 1.15rem;
	background: var(--sc-surface);
	color: var(--sc-muted);
	border: 1px solid var(--sc-border);
	border-radius: 999px;
	font-family: var(--sc-page-font);
	font-size: 0.88rem;
	box-shadow: none;
	transition: border-color 0.25s ease;
}

.sc-textpage .wpforms-form textarea {
	min-height: 7rem;
	padding: 0.85rem 1.15rem;
	border-radius: 20px;
	resize: vertical;
}

/* Yazarken de metin footer formundaki gibi --sc-muted kalsın; WPForms
   focus/(geçersiz) state'inde metni kendi rengine döndürüyor, o state dahil
   tüm durumlar daha yüksek özgüllükle ezilir. */
.sc-textpage div.wpforms-container-full .wpforms-form input[type="text"],
.sc-textpage div.wpforms-container-full .wpforms-form input[type="email"],
.sc-textpage div.wpforms-container-full .wpforms-form input[type="tel"],
.sc-textpage div.wpforms-container-full .wpforms-form textarea,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="text"]:focus,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="email"]:focus,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="tel"]:focus,
.sc-textpage div.wpforms-container-full .wpforms-form textarea:focus,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="text"]:focus:invalid,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="email"]:focus:invalid,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="tel"]:focus:invalid,
.sc-textpage div.wpforms-container-full .wpforms-form textarea:focus:invalid {
	color: var(--sc-muted);
}

/* Placeholder — footer formuyla aynı (muted), WPForms opacity:0.5'i ezilir. */
.sc-textpage div.wpforms-container-full .wpforms-form input::placeholder,
.sc-textpage div.wpforms-container-full .wpforms-form textarea::placeholder {
	color: var(--sc-muted);
	opacity: 1;
}

.sc-textpage div.wpforms-container-full .wpforms-form input::-webkit-input-placeholder,
.sc-textpage div.wpforms-container-full .wpforms-form textarea::-webkit-input-placeholder {
	color: var(--sc-muted);
	opacity: 1;
}

.sc-textpage div.wpforms-container-full .wpforms-form input::-moz-placeholder,
.sc-textpage div.wpforms-container-full .wpforms-form textarea::-moz-placeholder {
	color: var(--sc-muted);
	opacity: 1;
}

/* Forma tıklayınca (focus) kenar sarı; WPForms'un mavi gölgesi/kenarı ezilir. */
.sc-textpage div.wpforms-container-full .wpforms-form input[type="text"]:focus,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="email"]:focus,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="tel"]:focus,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="url"]:focus,
.sc-textpage div.wpforms-container-full .wpforms-form input[type="number"]:focus,
.sc-textpage div.wpforms-container-full .wpforms-form textarea:focus,
.sc-textpage div.wpforms-container-full .wpforms-form select:focus {
	outline: none;
	border-color: var(--sc-accent);
	box-shadow: none;
}

/* Gönder butonu sitenin paylaşılan buton stilinden (.sc-btn) beslenir
   (buttons.css → .sc-textpage ... button.wpforms-submit). Burada tekrar
   tanımlanmaz; yalnızca üst boşluk verilir. */
.sc-textpage .wpforms-form button.wpforms-submit {
	margin-top: 0.5rem;
}

/* Hata mesajları. */
.sc-textpage .wpforms-form .wpforms-error,
.sc-textpage .wpforms-form label.wpforms-error {
	color: #ff7a7a;
	font-size: 0.8rem;
}

.sc-textpage div.wpforms-container-full .wpforms-form input.wpforms-error,
.sc-textpage div.wpforms-container-full .wpforms-form textarea.wpforms-error {
	border-color: #ff7a7a;
}

.sc-textpage .wpforms-confirmation-container,
.sc-textpage div.wpforms-container-full .wpforms-confirmation-container-full {
	margin: 1.2rem 0 0;
	padding: 0.8rem 1rem;
	background: var(--sc-surface);
	border: 1px solid var(--sc-border);
	color: var(--sc-text);
	font-size: 0.9rem;
}