/* =========================================================================
   ERBIL BRANDA — WILDPEAK UI (header + duyuru + drawer)
   ERBIL-220 | 2026-08-22
   Renkler tamamen --wp-* token'larindan. Yuklenme: wildpeak.css'ten SONRA.
   ========================================================================= */

/* Astra'nin varsayilan header/footer'i gizlenir (yerini Wildpeak alir). */
.ast-above-header-bar,
#masthead .site-header-primary-section-left,
.eb-hide-astra-header { }

/* ---------- Duyuru bandi ---------- */
.eb-announce {
	background: var(--wp-navy-deep);
	color: #fff;
	font-family: var(--wp-font);
	font-size: 13px;
}
.eb-announce__inner {
	max-width: var(--wp-container);
	margin: 0 auto;
	padding: 8px var(--wp-pad);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.eb-announce__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 26px;
}
.eb-announce__list li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
}
.eb-announce__list svg { color: var(--wp-yellow); }
.eb-announce__list b { color: var(--wp-yellow); font-weight: 700; }
.eb-announce__phone {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	white-space: nowrap;
}
.eb-announce__phone:hover { color: var(--wp-yellow); }
.eb-announce__phone svg { color: var(--wp-yellow); }

/* ---------- Header govdesi ---------- */
.eb-site-header {
	position: sticky;
	top: 0;
	z-index: var(--z-header, 1000);
	background: var(--wp-bg);
	font-family: var(--wp-font);
}
.eb-header__main {
	border-bottom: 1px solid var(--wp-border);
	background: var(--wp-bg);
}
.eb-header__inner {
	max-width: var(--wp-container);
	margin: 0 auto;
	padding: 14px var(--wp-pad);
	display: flex;
	align-items: center;
	gap: 24px;
}

/* Logo */
.eb-logo { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; flex-shrink: 0; }
.eb-logo-mark { display: block; flex-shrink: 0; }
.eb-logo-text { display: flex; flex-direction: column; line-height: 1.05; }
.eb-logo-name { font-weight: 800; font-size: 19px; letter-spacing: -.01em; }
.eb-logo-sub { font-weight: 500; font-size: 11px; letter-spacing: .01em; margin-top: 2px; }

/* Arama */
.eb-header__search { flex: 1; max-width: 560px; }
.eb-search {
	display: flex;
	align-items: center;
	background: var(--wp-bg-soft);
	border: 1.5px solid var(--wp-border);
	border-radius: var(--wp-radius-btn);
	overflow: hidden;
	transition: border-color .18s;
}
.eb-search:focus-within { border-color: var(--wp-navy); }
.eb-search__input {
	flex: 1;
	border: 0;
	background: transparent;
	padding: 0 14px;
	height: 44px;
	font-size: 14px;
	font-family: var(--wp-font);
	color: var(--wp-text);
	outline: none;
}
.eb-search__input::placeholder { color: var(--wp-text-muted); }
.eb-search__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 44px;
	border: 0;
	background: var(--wp-navy);
	color: #fff;
	cursor: pointer;
	transition: background .18s;
}
.eb-search__btn:hover { background: var(--wp-navy-deep); }

/* Eylemler */
.eb-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.eb-action {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	color: var(--wp-navy);
	text-decoration: none;
	border-radius: var(--wp-radius-btn);
	transition: background .15s, color .15s;
}
.eb-action:hover { background: var(--wp-bg-soft); color: var(--wp-navy-deep); }
.eb-cart-count {
	position: absolute;
	top: 4px;
	right: 4px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--wp-yellow);
	color: var(--wp-navy);
	font: 800 11px/18px var(--wp-font);
	text-align: center;
	box-shadow: 0 0 0 2px var(--wp-bg);
}
.eb-cart-count.is-empty { display: none; }
.eb-btn-quote {
	display: inline-flex;
	align-items: center;
	height: 44px;
	padding: 0 22px;
	margin-left: 8px;
	background: var(--wp-yellow);
	color: var(--wp-navy);
	font-weight: 800;
	font-size: 14px;
	text-decoration: none;
	border-radius: var(--wp-radius-btn);
	white-space: nowrap;
	transition: background .18s, transform .18s;
}
.eb-btn-quote:hover { background: var(--wp-yellow-hover); color: var(--wp-navy); transform: translateY(-1px); }

/* Menu satiri */
.eb-header__nav { background: var(--wp-navy); }
.eb-header__nav-inner { max-width: var(--wp-container); margin: 0 auto; padding: 0 var(--wp-pad); }
.eb-nav__list { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; }
.eb-nav__link {
	display: inline-flex;
	align-items: center;
	height: 48px;
	padding: 0 16px;
	color: rgba(255,255,255,.88);
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	position: relative;
	transition: color .15s;
}
.eb-nav__link::after {
	content: "";
	position: absolute;
	left: 16px; right: 16px; bottom: 0;
	height: 3px;
	background: var(--wp-yellow);
	transform: scaleX(0);
	transition: transform .18s;
}
.eb-nav__link:hover { color: #fff; }
.eb-nav__link:hover::after,
.eb-nav__link--active::after { transform: scaleX(1); }
.eb-nav__link--active { color: #fff; }

/* Sticky kucuk hal (scroll) */
.eb-site-header.is-stuck .eb-header__inner { padding-top: 9px; padding-bottom: 9px; }
.eb-site-header.is-stuck .eb-announce { display: none; }

/* Burger (mobil) */
.eb-burger { display: none; width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.eb-burger span { display: block; width: 24px; height: 2.5px; background: var(--wp-navy); border-radius: 2px; transition: transform .2s, opacity .2s; }

/* ---------- Mobil drawer ---------- */
.eb-drawer-overlay { position: fixed; inset: 0; background: rgba(15,23,42,.5); z-index: var(--z-drawer, 1100); opacity: 0; transition: opacity .25s; }
.eb-drawer-overlay.is-open { opacity: 1; }
.eb-drawer {
	position: fixed;
	top: 0; left: 0; bottom: 0;
	width: min(86vw, 340px);
	background: var(--wp-bg);
	z-index: calc(var(--z-drawer, 1100) + 1);
	transform: translateX(-100%);
	transition: transform .28s cubic-bezier(.4,0,.2,1);
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.eb-drawer.is-open { transform: translateX(0); }
.eb-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid var(--wp-border); }
.eb-drawer__close { width: 40px; height: 40px; border: 0; background: transparent; color: var(--wp-navy); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.eb-drawer__search { padding: 14px 16px; }
.eb-nav__list--mobile { flex-direction: column; gap: 0; padding: 0 8px 24px; }
.eb-nav__list--mobile .eb-nav__link { height: 52px; width: 100%; color: var(--wp-text); font-size: 15px; border-bottom: 1px solid var(--wp-border); border-radius: 0; }
.eb-nav__list--mobile .eb-nav__link::after { display: none; }
.eb-nav__list--mobile .eb-nav__link--active { color: var(--wp-navy); font-weight: 700; }

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
	.eb-header__nav { display: none; }
	.eb-header__search { display: none; }
	.eb-btn-quote { display: none; }
	.eb-action--wish { display: none; }
	.eb-burger { display: flex; }
	.eb-header__inner { gap: 10px; padding: 10px var(--wp-pad); }
	.eb-logo { margin-right: auto; }
	.eb-logo-sub { display: none; }
	.eb-logo-name { font-size: 17px; }
	.eb-announce__phone { display: none; }
	.eb-announce__inner { justify-content: center; }
	.eb-announce { font-size: 12px; }
	.eb-announce__list { gap: 16px; }
}
@media (max-width: 480px) {
	.eb-announce__list li span { font-size: 12px; }
	.eb-announce__list { gap: 12px; }
	.eb-logo-mark { width: 38px; height: 38px; }
}


/* =========================================================================
   URUN KARTI (.ebc) + IZGARA (.ebgrid) — SITE GENELI BILESEN
   ERBIL-240 | 2026-08-22

   Onceden wildpeak-home.css icindeydi ve YALNIZCA on sayfada yukleniyordu.
   Kart artik WooCommerce sablon override'i uzerinden magaza, kategori, arama
   ve ilgili urunlerde de kullaniliyor; bu yuzden site geneli katmana tasindi.
   (Aksi halde magazada kart stilsiz kaliyor ve CTA eski terrakota gorunuyordu.)
   ========================================================================= */

/* ---------- ÜRÜN KARTI ---------- */

.ebc { background: var(--wp-bg); border: 1px solid var(--wp-border); border-radius: var(--wp-radius-card); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; }
.ebc:hover { box-shadow: var(--wp-shadow-hover); transform: translateY(-3px); }
.ebc__media { position: relative; display: block; aspect-ratio: 1 / 1; background: var(--wp-bg-soft); overflow: hidden; }
.ebc__img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.ebc:hover .ebc__img { transform: scale(1.05); }
.ebc__badges { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; gap: 6px; }
.ebc__badge { font-size: 11px; font-weight: 800; padding: 4px 9px; border-radius: 3px; letter-spacing: .04em; }
.ebc__badge--new { background: var(--wp-yellow); color: var(--wp-navy); }
.ebc__badge--oos { background: var(--wp-text-muted); color: #fff; }
.ebc__size { position: absolute; right: 10px; bottom: 10px; background: rgba(18,44,82,.88); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 3px; }
.ebc__body { padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 7px; flex: 1; }
.ebc__title { margin: 0; font-size: 14px; font-weight: 700; line-height: 1.4; }
.ebc__title a { color: var(--wp-text); text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ebc__title a:hover { color: var(--wp-navy); }
.ebc__stock { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: #2f7a4e; font-weight: 600; }
.ebc__price { font-size: 18px; font-weight: 800; color: var(--wp-navy); margin-top: auto; }
.ebc__price del { color: var(--wp-text-muted); font-weight: 500; font-size: 14px; margin-right: 6px; }
.ebc__price ins { text-decoration: none; color: var(--wp-sale); }
.ebc__cta {
	display: flex; align-items: center; justify-content: center;
	height: 42px; margin-top: 4px; border-radius: var(--wp-radius-btn);
	background: var(--wp-navy) !important; color: #fff !important;
	font-weight: 700; font-size: 13px; text-decoration: none; border: 0 !important;
	transition: background .18s;
}
.ebc__cta:hover { background: var(--wp-yellow) !important; color: var(--wp-navy) !important; }
.ebc__cta.added { display: none; }
.ebc .added_to_cart { display: flex; align-items: center; justify-content: center; height: 42px; margin-top: 4px; border-radius: var(--wp-radius-btn); background: var(--wp-yellow); color: var(--wp-navy); font-weight: 800; font-size: 13px; text-decoration: none; }

@media (max-width: 1100px) {

}

@media (max-width: 767px) {



}


/* =========================================================================
   ERBIL-220b — Eski buton kurallarini ez
   (yeniden eklendi 22 Agustos: wildpeak-ui.css guncellenirken kazara silinmisti)

   eb-site.css (Code Snippets'ten tasinan eski CSS), Astra ve Elementor kit'i
   `button`, `.button`, `button[type=submit]` gibi genis seciciler + !important
   ile butonlari terrakota boyuyor. Bu kurallar header/drawer bilesenlerini
   korur. Kapsam bilerek dar: yalnizca Wildpeak header ve drawer.
   ========================================================================= */
.eb-search .eb-search__btn { background: var(--wp-navy) !important; color: #fff !important; border: 0 !important; }
.eb-search .eb-search__btn:hover { background: var(--wp-navy-deep) !important; }
.eb-drawer__close, .eb-burger { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.eb-drawer__close { color: var(--wp-navy) !important; }
.eb-burger span { background: var(--wp-navy) !important; }
.eb-site-header .eb-action { background: transparent !important; box-shadow: none !important; }
.eb-site-header .eb-action:hover { background: var(--wp-bg-soft) !important; }
.eb-btn-quote { box-shadow: none !important; }

/* Skip link odaklandiginda: eb-components.css'teki kural gecerli; burada yalnizca
   odaklanmamis haldeki eski terrakota metin rengi notrlenir. */
.skip-link { color: var(--wp-navy); }


/* =========================================================================
   ERBIL BRANDA — WILDPEAK FOOTER  (ERBIL-221 | 2026-08-22)
   Lacivert zemin, --wp-* token'lari.
   ========================================================================= */
.eb-footer {
	background: var(--wp-navy-deep);
	color: rgba(255,255,255,.78);
	font-family: var(--wp-font);
	font-size: 14px;
}
.eb-footer a { color: rgba(255,255,255,.78); text-decoration: none; transition: color .15s; }
.eb-footer a:hover { color: var(--wp-yellow); }
.eb-footer__inner { max-width: var(--wp-container); margin: 0 auto; padding: 0 var(--wp-pad); }
.eb-footer__top { padding: 56px 0 40px; }
.eb-footer__top .eb-footer__inner {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1fr 1.3fr;
	gap: 40px;
}
.eb-footer__brand .eb-logo { margin-bottom: 16px; }
.eb-footer__desc { line-height: 1.7; margin: 0 0 18px; color: rgba(255,255,255,.66); max-width: 340px; }
.eb-footer__social { display: flex; gap: 10px; }
.eb-footer__social a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border-radius: var(--wp-radius-btn);
	background: rgba(255,255,255,.08); color: #fff;
}
.eb-footer__social a:hover { background: var(--wp-yellow); color: var(--wp-navy); }
.eb-footer__title {
	color: #fff; font-size: 15px; font-weight: 800; margin: 0 0 16px;
	letter-spacing: .01em;
}
.eb-footer__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.eb-footer__contact .eb-footer__ci { display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
.eb-footer__contact svg { color: var(--wp-yellow); flex-shrink: 0; margin-top: 2px; }
.eb-footer__bottom { border-top: 1px solid rgba(255,255,255,.1); }
.eb-footer__bottom-inner {
	display: flex; align-items: center; justify-content: space-between;
	gap: 16px; padding: 18px var(--wp-pad); flex-wrap: wrap;
}
.eb-footer__copy { color: rgba(255,255,255,.6); font-size: 13px; }
.eb-footer__legal { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.eb-footer__legal a { font-size: 13px; }
.eb-footer__pay { display: flex; align-items: center; gap: 14px; font-size: 13px; color: rgba(255,255,255,.7); }
.eb-footer__pay span { display: inline-flex; align-items: center; gap: 6px; }
.eb-footer__pay svg { color: var(--wp-yellow); }
.eb-pay-tag {
	background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
	padding: 4px 10px; border-radius: var(--wp-radius-btn); font-weight: 600; font-size: 12px; color: #fff;
}

@media (max-width: 991px) {
	.eb-footer__top .eb-footer__inner { grid-template-columns: 1fr 1fr; gap: 32px; }
	.eb-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	/* Mobilde tek kolon footer 1296px'e ulasiyordu; link kolonlari 2'ye alinarak
	   accordion/JS gerektirmeden ~450px kisaltildi (ERBIL-3 Eylul). */
	.eb-footer__top .eb-footer__inner { grid-template-columns: 1fr 1fr; gap: 26px 18px; }
	.eb-footer__cont { grid-column: 1 / -1; }
	.eb-footer__bottom-inner { flex-direction: column; align-items: flex-start; }
}


/* =========================================================================
   BASLIK RENKLERI — ESKI !important KURALINI EZ  (ERBIL-241 | 2026-08-22)

   SORUN: eb-site.css (Code Snippets #15'ten tasinan eski CSS) su kurali
   iceriyor:
       h1, h2, h3, h4, h5, h6, .entry-title, ... { color: #1c1b19 !important }
   Sabit kodlanmis renk + !important + cok genis secici. Bu, Wildpeak
   bilesenlerindeki TUM baslik renklerini eziyordu.

   ETKISI (duzeltmeden once, canlida): koyu lacivert zemin uzerindeki
   basliklar (#1c1b19) neredeyse okunamaz haldeydi - hero H1, "Neden biz",
   CTA bandi ve footer basliklari.

   COZUM: Kendi bilesen basliklarimizi ayni silahla geri aliyoruz. Kapsam
   dar tutuldu: yalnizca kendi bilesen siniflarimiz (eb / ebh / ebsec /
   ebcta / ebblog).
   Eski kural ERBIL-196'da eb-site.css temizlenirken kaldirilacak; o zaman
   buradaki !important'lar da sadelesebilir.
   ========================================================================= */

/* Koyu (lacivert) zemin uzeri - BEYAZ */
.ebh__title,
.ebwhy .ebsec__title,
.ebcta__h,
.eb-footer .eb-footer__title,
.ebpromo__c--dark .ebpromo__h {
	color: #fff !important;
}


/* Acik zemin uzeri - LACIVERT */
.ebsec__title,
.ebblog__t,
.ebshop__tx .ebsec__title,
.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce .cross-sells > h2 {
	color: var(--wp-navy) !important;
}
/* .ebwhy icindeki baslik yukarida beyaza ayarlandi; sirasi onemli oldugu icin
   bu kural ondan SONRA gelmemeli - bu yuzden tekrar beyaza sabitliyoruz. */


/* Urun karti basligi - govde metni tonu (koyu zemin degil) */
.ebc__title,
.ebc__title a { color: var(--wp-text) !important; }
.ebc__title a:hover { color: var(--wp-navy) !important; }

/* SSS baslik satiri */
.ebfaq__i summary { color: var(--wp-navy) !important; }

/* ERBIL-242: Astra'nin genel img alt boslugu (~0.73em) kart medyasini tasiriyordu.
   .ebc her sayfada ayni yuksekligi tutmali - sifirlanir. */
.ebc .ebc__img,.ebc img{display:block;margin:0}

/* =========================================================================
   ERBIL-190 / 191 - Dokunma hedefi ve kucuk metin duzeltmeleri
   Mobil olcumde (375px) kendi bilesenlerimizde 44px altinda kalan ogeler:
   hero noktalari 34x4, drawer kapat 48x40, arama alani 187x40,
   kart CTA 83x42, filtre cipi 43.x. Rozet metni 11px idi.
   Gorsel tasarim korunur - yalnizca dokunulabilir alan buyutulur.
   ========================================================================= */

/* NOT: Hero noktalari wildpeak-home.css'te tanimli; kural oraya tasindi (yukleme sirasi). */

/* Drawer kapat dugmesi */
.eb-drawer__close { min-height: 44px; min-width: 44px; }

/* Baslik ve drawer arama alani */
.eb-search__input { min-height: 44px; }
.eb-search button, .eb-search__btn { min-height: 44px; min-width: 44px; }

/* Kart CTA ve kart basligi */
.ebc__cta { min-height: 44px; }
.ebc__title a, .ebc__title { display: block; }

/* Rozet metni 11px -> 12px (WCAG okunabilirlik) */
.ebc__badge { font-size: 12px; }

/* ERBIL-190b - kalan dokunma hedefleri: logo baglantisi ve sosyal ikonlar */
.eb-logo { min-height: 44px; }
.eb-foot__social a, .eb-social a, .eb-foot a[aria-label] { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

/* ERBIL-190c - kalan dokunma hedefleri (gercek secicilerle)
   Onceki denemede .eb-foot__social yazmistim; dogrusu .eb-footer__social. */
.eb-footer__social a {
	min-width: 44px; min-height: 44px;
	display: inline-flex; align-items: center; justify-content: center;
}
.ebshop__l a, .eb-footer__col a, .eb-footer__ci a {
	min-height: 44px; display: inline-flex; align-items: center;
}
/* Mobil alt navigasyon etiketi 10.5px -> 12px (WCAG okunabilirlik) */
.eb-bn-item span { font-size: 12px; letter-spacing: -.01em; }

/* =========================================================================
   ERBIL-182 - Giris / kayit sayfasi (split-screen)
   Solda marka paneli, sagda giris + kayit formlari. Darda tek kolon.
   ========================================================================= */

@media (min-width: 992px) {
	.woocommerce-account:not(.logged-in) .woocommerce {
		display: grid;
		grid-template-columns: minmax(0, .82fr) minmax(0, 1fr);
		gap: 28px;
		align-items: start;
	}
	.woocommerce-account .woocommerce-notices-wrapper { grid-column: 1 / -1; }
	.woocommerce-account .ebacc { grid-column: 1; position: sticky; top: 96px; }
	.woocommerce-account #customer_login,
	.woocommerce-account .u-columns { grid-column: 2; }
}

.ebacc {
	background: var(--wp-navy, #1E3A6E);
	border-radius: 18px;
	padding: 30px 30px 26px;
	color: #fff;
}
.ebacc__ust {
	display: inline-block; font-size: 12px; font-weight: 800;
	letter-spacing: .14em; text-transform: uppercase;
	color: var(--wp-yellow, #F4C400); margin-bottom: 10px;
}
.ebacc__baslik { font-size: 24px; font-weight: 800; line-height: 1.2; margin: 0 0 10px; color: #fff; }
.ebacc__metin { font-size: 15px; line-height: 1.65; color: rgba(255,255,255,.86); margin: 0 0 18px; }
.ebacc__liste { list-style: none; margin: 0 0 20px; padding: 0; }
.ebacc__liste li {
	position: relative; padding-left: 24px; margin-bottom: 9px;
	font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.92);
}
.ebacc__liste li::before {
	content: "\2713"; position: absolute; left: 0; top: 0;
	color: var(--wp-yellow, #F4C400); font-weight: 800;
}
.ebacc__rozet { display: flex; flex-wrap: wrap; gap: 8px; }
.ebacc__rozet span {
	font-size: 12px; font-weight: 700;
	background: rgba(255,255,255,.12); color: #fff;
	border-radius: 999px; padding: 6px 12px;
}

/* Formlar kart gorunumunde */
.woocommerce-account .u-columns .col-1,
.woocommerce-account .u-columns .col-2 { width: 100% !important; float: none !important; margin: 0 0 18px; }
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	background: #fff; border: 1px solid var(--wp-border, #e4dfd6);
	border-radius: 16px; padding: 24px 26px; margin: 0;
}
.woocommerce-account .u-column1 > h2,
.woocommerce-account .u-column2 > h2 {
	font-size: 18px; font-weight: 800; color: var(--wp-navy, #1E3A6E); margin: 0 0 12px;
}
.woocommerce-account form .form-row input.input-text {
	min-height: 48px;
	border: 1.5px solid var(--wp-border, #e4dfd6);
	border-radius: 10px; padding: 12px 14px; font-size: 15px;
}
.woocommerce-account form .form-row input.input-text:focus {
	border-color: var(--wp-navy, #1E3A6E); outline: none;
	box-shadow: 0 0 0 3px rgb(30 58 110 / .12);
}
.woocommerce-account form .form-row label { font-weight: 600; font-size: 14px; margin-bottom: 6px; }
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit {
	width: 100%; min-height: 50px;
	background: var(--wp-yellow, #F4C400) !important;
	color: var(--wp-navy, #1E3A6E) !important;
	font-weight: 800 !important; border-radius: 12px !important; border: 0 !important;
}
.woocommerce-account .woocommerce-LostPassword a {
	color: var(--wp-navy, #1E3A6E); font-size: 14px;
	text-decoration: underline; text-underline-offset: 3px;
}

@media (max-width: 991px) {
	.ebacc { padding: 22px 20px; margin-bottom: 18px; }
	.ebacc__baslik { font-size: 21px; }
	.woocommerce-account .woocommerce-form-login,
	.woocommerce-account .woocommerce-form-register { padding: 18px 16px; }
}

/* =========================================================================
   ERBIL-183 - Blog magazin duzeni
   12 yazi tek tip kucuk kartlardaydi ve HICBIRINDE gorsel yoktu.
   Ilk yazi buyuk "one cikan" olur, kalanlar 3'lu izgara.
   Gorseli olmayan yazilar icin marka desenli yedek zemin kullanilir.
   ========================================================================= */

.blog .ast-row, .archive .ast-row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	margin: 0 !important;
}
.blog .ast-row > article, .archive .ast-row > article {
	width: auto !important; max-width: none !important;
	flex: none !important; margin: 0 !important; padding: 0 !important;
	background: #fff; border: 1px solid var(--wp-border, #e4dfd6);
	border-radius: 16px; overflow: hidden;
	display: flex; flex-direction: column;
	transition: box-shadow .2s, border-color .2s, transform .2s;
}
.blog .ast-row > article:hover, .archive .ast-row > article:hover {
	border-color: var(--wp-navy, #1E3A6E);
	box-shadow: 0 12px 30px rgb(22 32 43 / .10);
	transform: translateY(-2px);
}
/* Ilk yazi tam genislikte one cikan */
.blog .ast-row > article:first-child, .archive .ast-row > article:first-child {
	grid-column: 1 / -1;
	min-height: 0;
}
.blog .ast-row > article:first-child .ast-blog-featured-section,
.archive .ast-row > article:first-child .ast-blog-featured-section { height: 240px; }
.blog .ast-row > article:first-child .ast-blog-featured-section,
.blog .ast-row > article:first-child .post-thumb-img-content { flex: 0 0 44%; }
.blog .ast-row > article .ast-article-inner { display: flex; flex-direction: column; height: 100%; }

/* Gorsel alani */
.blog .ast-row article .post-thumb-img-content,
.blog .ast-row article .ast-blog-featured-section {
	position: relative; overflow: hidden; background: var(--wp-navy, #1E3A6E);
	aspect-ratio: 16 / 10;
}
.blog .ast-row article:first-child .post-thumb-img-content { aspect-ratio: auto; height: 100%; }
.blog .ast-row article .post-thumb-img-content img {
	width: 100%; height: 100%; object-fit: cover; display: block;
}
/* Gorsel alani: Astra ZATEN .ast-blog-featured-section basiyor (olculdu: 176px).
   Onceki iki denemem buna EK bir blok uretiyordu - kartta iki banner olusup
   yuksekligi 740px'e cikariyordu. Kendi blogum kaldirildi, Astra'ninki bicimlendirildi. */
.blog .ast-row article .ast-blog-featured-section,
.archive .ast-row article .ast-blog-featured-section {
	height: 168px; margin: 0 -20px 2px; overflow: hidden; position: relative;
	background:
		radial-gradient(circle at 22% 30%, rgba(244,196,0,.22), transparent 58%),
		linear-gradient(135deg, var(--wp-navy, #1E3A6E), var(--wp-navy-deep, #16305C));
}
.blog .ast-row article .ast-blog-featured-section img,
.archive .ast-row article .ast-blog-featured-section img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog .ast-row article .ast-no-thumb, .archive .ast-row article .ast-no-thumb { width: 100%; }
.blog .ast-row article .post-content, .archive .ast-row article .post-content { width: 100% !important; padding: 0 20px 18px; }

.blog .ast-row article .entry-header,
.blog .ast-row article .entry-content,
.blog .ast-row article .entry-meta { padding-left: 20px; padding-right: 20px; }
.blog .ast-row article .entry-title { font-size: 18px; line-height: 1.3; margin: 16px 0 8px; }
.blog .ast-row article:first-child .entry-title { font-size: 24px; }
.blog .ast-row article .entry-title a { color: var(--wp-navy, #1E3A6E); text-decoration: none; }
.blog .ast-row article .entry-content { font-size: 14px; color: var(--wp-text-muted, #655d51); }
.blog .ast-row article .entry-meta,
.blog .ast-row article .ast-blog-meta-container {
	font-size: 12px; color: var(--wp-text-muted, #655d51); padding-bottom: 18px; margin-top: auto;
}
.blog .ast-row article .read-more a, .blog .ast-row article .ast-button {
	display: inline-flex; align-items: center; min-height: 44px;
	color: var(--wp-navy, #1E3A6E); font-weight: 700; text-decoration: underline; text-underline-offset: 3px;
}

@media (max-width: 991px) {
	.blog .ast-row, .archive .ast-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
	.blog .ast-row > article:first-child, .archive .ast-row > article:first-child { flex-direction: column; min-height: 0; }
	.blog .ast-row > article:first-child .post-thumb-img-content { flex: none; aspect-ratio: 16 / 10; height: auto; }
	.blog .ast-row article:first-child .entry-title { font-size: 20px; }
}
@media (max-width: 600px) {
	.blog .ast-row, .archive .ast-row { grid-template-columns: 1fr; }
}


/* --- Gorseli olmayan blog kartlari (3 Eylul 2026) ----------------------
   NEDEN: 30 yazinin hicbirinde one cikan gorsel yok; bos .ast-blog-featured-
   section 240px'lik bos lacivert blok olarak basiliyordu (brief 41: gereksiz
   whitespace / degeri olmayan dekoratif gorsel). Astra bu durumda article'a
   .ast-no-thumb siniifini zaten veriyor; bos medya kutusu gizleniyor.
   GERI ALMA: bu blogu sil. Yazilara gercek gorsel eklenirse kural kendiliginden
   devre disi kalir (.ast-no-thumb artik basilmaz). */
.ast-no-thumb .ast-blog-featured-section,
.blog .ast-row > article:first-child.ast-no-thumb .ast-blog-featured-section { display: none; height: auto; }


/* --- Tekil yazi: okuma tipografisi + ilgili yazilar (3 Eylul 2026) -----
   NEDEN: govde metni 14.6px'ti (tasarim sistemi: 17px masaustu / 16px mobil);
   okuma genisligi sinirsizdi (brief 24: ~680-780px). */
.single-post .entry-content { font-size: 17px; line-height: 1.75; max-width: 740px; }
.single-post .entry-content p { margin-bottom: 1.15em; }
.eb-post-crumb { margin-bottom: 14px; }
.eb-post-crumb .woocommerce-breadcrumb { font-size: 13px; }
.eb-related-posts { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--wp-border, #E3E7ED); }
.eb-related-posts__h { font-size: 20px; font-weight: 700; color: var(--wp-navy, #1E3A6E); margin-bottom: 18px; }
.eb-related-posts__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.eb-related-posts__c { display: flex; flex-direction: column; gap: 6px; padding: 18px; border: 1px solid var(--wp-border, #E3E7ED); border-radius: 12px; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.eb-related-posts__c:hover { border-color: var(--wp-navy, #1E3A6E); box-shadow: 0 4px 14px rgba(30,58,110,.08); }
.eb-related-posts__k { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6B7280; }
.eb-related-posts__t { font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--wp-navy, #1E3A6E); }
.eb-related-posts__r { margin-top: auto; font-size: 13px; font-weight: 600; color: var(--wp-navy, #1E3A6E); }
@media (max-width: 767px) {
	.single-post .entry-content { font-size: 16px; }
	.eb-related-posts__grid { grid-template-columns: 1fr; }
}

/* Arama sonuclari basligi (3 Eylul 2026) */
/* astra_content_before kancasi icerik kabinin DISINDA basiyor; baslik x=0'a
   tasiyordu (brief 41/1). Kendi kabini alarak site kabiyla hizalanir. */
.eb-search-head { margin: 0 0 28px; }
.eb-search-head__h { font-size: 30px; font-weight: 700; color: var(--wp-navy, #1E3A6E); line-height: 1.2; }
.eb-search-head__c { margin-top: 6px; color: #5B6472; font-size: 15px; }
@media (max-width: 767px) { .eb-search-head__h { font-size: 24px; } }


/* --- Bilgi / hukuki sayfa tipografisi (3 Eylul 2026) -------------------
   NEDEN: Bu sayfalarin bicimi 13-15 adet inline style attribute'una gomuluydu
   ve v1.0 terrakota tokenlarini kullaniyordu (govde 14.6px, metin #655D51
   kahverengi, H2 siyah). Inline stiller icerikten kaldirildi (METIN AYNEN
   KORUNDU, otomatik dogrulandi); bicim artik tek yerden yonetiliyor.
   GERI ALMA: eb-recovery/legal-pages-20260903.json iceriklerini geri yaz. */
.eb-page {
	max-width: 820px;
	margin: 0 auto;
	padding: 8px 0 48px;
	color: #242A33;
	font-size: 17px;
	line-height: 1.75;
}
.eb-page > *:first-child { margin-top: 0; }
.eb-page h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--wp-navy, #1E3A6E);
	margin: 36px 0 12px;
}
.eb-page h3 { font-size: 18px; font-weight: 700; color: var(--wp-navy, #1E3A6E); margin: 26px 0 10px; }
.eb-page p { margin: 0 0 16px; }
.eb-page ul, .eb-page ol { margin: 0 0 16px 20px; }
.eb-page li { margin-bottom: 8px; }
.eb-page a { color: var(--wp-navy, #1E3A6E); text-decoration: underline; }
@media (max-width: 767px) {
	.eb-page { font-size: 16px; padding-bottom: 36px; }
	.eb-page h2 { font-size: 20px; margin-top: 28px; }
}


/* --- Dar mobil header (<=360px) (3 Eylul 2026) -------------------------
   NEDEN: 320px'te header ici 380px genislik istiyordu; .eb-actions sag kenari
   364px'e tasiyor ve SEPET IKONU ekran disinda kaliyordu (brief 34: yatay
   tasma 0, sepet erisilebilir olmali). Logo metni gizlenir, amblem kalir -
   marka yine taninir, ikonlar sigar. */
@media (max-width: 360px) {
	.eb-logo-text { display: none; }
	.eb-header__inner { padding-left: 12px; padding-right: 12px; gap: 6px; }
	.eb-burger { width: 44px; }
}

/* =========================================================================
   FOOTER ALT SERIT DUZENI  (ERBIL-2609 FOOTER ALT SERIT | 2026-09-15)

   SORUN: Yasal baglanti sayisi 3’ten 7’ye cikinca alt serit iki satira
   tasti ve satir araligi cok acik kaldi; telif satiri, kurumsal kimlik
   satiri ve liste ayri ayri satirlara dagildi (~245px yukseklik).

   COZUM: Liste kendi satirini alir ve ic bosluklari sikilastirilir;
   telif ile odeme rozetleri ayni satirda kalir. Yeni sayfa eklenirse
   duzen kendiliginden dogru sarar.
   ========================================================================= */
.eb-footer__bottom-inner { gap: 12px 16px; row-gap: 12px; }
.eb-footer__legal { flex: 1 1 100%; order: 2; gap: 8px 18px; align-items: center; }
.eb-footer__legal li { display: inline-flex; align-items: center; }
.eb-footer__legal a { font-size: 13px; line-height: 1.45; }
.eb-footer__copy { order: 1; }
.eb-footer__pay { order: 1; margin-left: auto; }

@media (max-width: 560px) {
	.eb-footer__legal { gap: 10px 14px; }
	.eb-footer__pay { margin-left: 0; flex-wrap: wrap; }
}

/* =========================================================================
   FOOTER SUTUN LINK ARALIGI  (ERBIL-2609 | 2026-09-15)

   SORUN: Sutun listelerinde gap 11px tanimli olmasina ragmen satirlar arasi
   ~53px cikiyordu; cunku global bir li kurali her ogeye alt bosluk ve genis
   satir yuksekligi ekliyor. Bes baglantilik sutun 264px yer kapliyordu.

   COZUM: Liste ogelerinin kendi bosluklari sifirlanir, aralik tek yerden
   (gap) yonetilir.
   ========================================================================= */
.eb-footer__col ul { gap: 12px; }
.eb-footer__col ul li { margin: 0; padding: 0; line-height: 1.4; }
.eb-footer__col ul li a { display: inline-block; line-height: 1.4; }
.eb-footer__contact ul { gap: 12px; }
.eb-footer__contact .eb-footer__ci { margin: 0; }