/*
Theme Name:  Öz İletişim-İş Child
Theme URI:   https://www.oziletisimis.org.tr/
Description: Öz İletişim-İş Sendikası için hazırlanmış alt tema. Ana sayfa düzeni, üye avantajları (anlasma) içerik türü ve kurumsal renkler burada tanımlıdır.
Author:      Öz İletişim-İş Sendikası
Version:     0.27.1
Template:    kadence
Text Domain: oziletisimis-child
Tags:        sendika, haber, kurumsal
*/

/* =========================================================
   Kurumsal değişkenler

   Renkler artık varsayım değil: logo-favicon.png'den ölçüldü.
   Rozetin içindeki 192.747 pikselin dağılımı:
     lacivert #17204F  %43.9
     altın    #E9D08E  %43.2  (metalik, #FFFAD0'a kadar açılıyor)
     kırmızı  #C01D2E  %9.0

   ALTIN KURALI: altın yalnızca lacivert zeminde kullanılır.
   Beyaz üzerinde kontrastı 1.51:1, yani metin ya da ikon olarak
   kullanılamaz. Lacivert üzerinde 10.23:1.
   ========================================================= */
:root {
	--ozi-lacivert:        #17204F;
	--ozi-lacivert-koyu:   #0E1432;
	--ozi-lacivert-acik:   #323D76;
	--ozi-kirmizi:         #C01D2E;
	--ozi-kirmizi-koyu:    #971724;
	--ozi-altin:           #E9D08E;
	--ozi-altin-acik:      #FFFAD0;
	--ozi-altin-koyu:      #C0A359;
	--ozi-zemin:           #F4F6F9;
	--ozi-beyaz:           #FFFFFF;
	--ozi-metin:           #1B2533;
	--ozi-metin-ikincil:   #556274;
	/* Koyu zeminde ikincil metin. Gri değil, lacivertin kendi tonundan. */
	--ozi-metin-koyu-zemin: #BDC2DB;
	/* Gölge artık ayrımı taşıdığı için çizgi hafifledi. */
	--ozi-cizgi:           #E7EBF1;
	--ozi-whatsapp:        #1A7F45;

	--ozi-baslik-font:     'Barlow Condensed', 'Arial Narrow', sans-serif;
	--ozi-govde-font:      'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;

	--ozi-genislik:        1240px;
	--ozi-bosluk:          24px;
	/*
	 * Uc yaricap, uc is. Once sekizdi (4/6/8/10/12/22/28/50%) ve
	 * ortadaki besi gozle ayirt edilmiyordu: sistem degil surukelenmeydi.
	 *   yuzey  — kart, kutu, acilir menu
	 *   kucuk  — dugme, rozet, etiket, sayfalama
	 *   hap    — cip, yuvarlak avatar, durum rozeti
	 * Iki bilincli istisna var: arama dugmesinin %50 dairesi ve
	 * odak halkasinin 2px'i. Ikisi de yaricap tercihi degil.
	 */
	--ozi-radius:          10px;
	--ozi-radius-kucuk:    6px;
	--ozi-radius-hap:      999px;
	/* Erişilebilirlik: dokunma hedefi en az 44px */
	--ozi-dokunma:         44px;

	/*
	 * Hareket. 180ms keskin geliyordu; 260ms ve daha yumuşak bir
	 * eğri (easeOutQuad) ile geçişler sertliğini bırakıyor.
	 * Yavaş değil, sadece yumuşak: 700ms sınırının çok altında.
	 */
	--ozi-gecis:           260ms;
	--ozi-gecis-yavas:     450ms;
	--ozi-egri:            cubic-bezier(0.25, 0.46, 0.45, 0.94);

	/*
	 * Derinlik. Üç kademe, hepsi lacivertten türetilmiş (siyah değil:
	 * renkli zeminde siyah gölge çamurlu görünür) ve hepsinin dikey
	 * ofseti var. Ofsetsiz renkli hale derinlik değil süstür.
	 *   1 = duran yüzey (kart, kutu)
	 *   2 = fareyle üzerine gelinen yüzey
	 *   3 = sayfanın odak noktası (manşet)
	 */
	--ozi-golge-1:  0 1px 2px rgba(23, 32, 79, 0.05),
	                0 3px 10px rgba(23, 32, 79, 0.05);
	--ozi-golge-2:  0 2px 4px rgba(23, 32, 79, 0.06),
	                0 10px 26px rgba(23, 32, 79, 0.11);
	--ozi-golge-3:  0 4px 10px rgba(23, 32, 79, 0.07),
	                0 20px 44px rgba(23, 32, 79, 0.16);

	/*
	 * Kart yüzeyi düz beyaz değil: üstten alta çok hafif soğuyan bir
	 * geçiş. Tek başına fark edilmez, gölgeyle birlikte yüzeye
	 * "ışık yukarıdan geliyor" hissi verir.
	 */
	--ozi-yuzey:    linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
}

/*
 * Kutu modeli. Ana temaya güvenmiyoruz: bu sıfırlama olmadan
 * "height: 100%" iç boşluğu yüksekliğe ekliyor ve kart grid
 * hücresinden taşıyor. Üye avantajları kartlarında her biri 32px
 * taşıyor, taşan beyaz zemin alttaki satırın boşluğunu dolduruyor ve
 * kartlar birbirine yapışık görünüyordu.
 */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	font-family: var(--ozi-govde-font);
	color: var(--ozi-metin);
	background: var(--ozi-zemin);
}

h1, h2, h3, h4, .ozi-baslik {
	font-family: var(--ozi-baslik-font);
	letter-spacing: 0.2px;
}

a { color: var(--ozi-lacivert); }
a:hover,
a:focus { color: var(--ozi-kirmizi); }

/*
 * Odak halkası buradan kaldırıldı, assets/css/baslik.css'e taşındı.
 * Burada kırmızıydı; kırmızı projede "eylem ve uyarı" rengi, odak
 * göstergesi değil. Ayrıca ana temanın iki kuralını ezecek özgüllüğe
 * sahip değildi, bu yüzden hiç görünmüyordu. Tek kaynak baslik.css,
 * o da her sayfada yükleniyor.
 */

/* =========================================================
   Tarayıcı yüzeyleri
   Seçim rengi, imleç ve kaydırma çubuğu varsayılan bırakılırsa
   sayfa "kurulmuş" görünür, "tasarlanmış" değil. Hepsi palette'ten.
   ========================================================= */
::selection {
	background: var(--ozi-kirmizi);
	color: var(--ozi-beyaz);
}

html {
	scrollbar-color: var(--ozi-lacivert-acik) var(--ozi-zemin);
}

input,
textarea {
	caret-color: var(--ozi-kirmizi);
}

/*
 * hidden özniteliği her zaman gizlesin.
 * Tarayıcının kendi [hidden] kuralı display:none'dır, ama display
 * tanımlayan her sınıf (örn. .ozi-temsilci { display: flex }) onu
 * eziyor. Filtre kartları gizlemek için hidden kullandığından bu
 * kural olmadan filtre sessizce çalışmaz görünür.
 */
[hidden] {
	display: none !important;
}

/* Ekran okuyucuya özel metin */
.ozi-gizli {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}