/* ozlembozkurt.com — alt tema eklemeleri. Renkler ana temanın paletinden (#070506 zemin, #ca9d75 altın). */
:root {
	--oz-zemin: #070506;
	--oz-altin: #ca9d75;
	--oz-altin-soluk: rgba(202, 157, 117, 0.28);
	--oz-yazi: #d9cdbf;
	--oz-yazi-soluk: #a7998b;
}

@keyframes oz-kay {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

/* ---------- Gökyüzü şeridi (üst) ---------- */
.gokyuzu {
	background: var(--oz-zemin);
	border-bottom: 1px solid var(--oz-altin-soluk);
	color: var(--oz-yazi);
	font-size: 13px;
	line-height: 1;
	height: 38px;
	display: flex;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
}
.gokyuzu__yol {
	display: flex;
	width: max-content;
}
.gokyuzu--hazir .gokyuzu__yol {
	animation: oz-kay var(--gokyuzu-sure, 60s) linear infinite;
}
.gokyuzu:hover .gokyuzu__yol,
.gokyuzu:focus-within .gokyuzu__yol {
	animation-play-state: paused;
}
.gokyuzu__yukleniyor {
	padding-left: 16px;
	color: var(--oz-yazi-soluk);
	font-style: italic;
}
.gokyuzu__dizi {
	display: flex;
	align-items: center;
	gap: 18px;
	padding-right: 18px;
}
.gokyuzu__kalem strong {
	color: var(--oz-altin);
	font-weight: 600;
	margin-right: 6px;
}
.gokyuzu__simge {
	color: var(--oz-altin);
	margin-right: 5px;
	font-family: "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols 2", "DejaVu Sans", serif;
}
.gokyuzu__kalem--uyari strong {
	color: #ffb35c;
}
.gokyuzu__kalem--uyari {
	color: #f3dcb0;
}
.gokyuzu__ayrac {
	color: var(--oz-altin-soluk);
	font-size: 10px;
}
.gokyuzu--hata {
	display: none;
}

/* ---------- Başlık: ana tema üst/alt 25 px boşluk + 100 px logo = 151 px idi (ölçüldü, «çok yüksek») ---------- */
@media (min-width: 960px) {
	.wpdevart-header-container { padding-top: 12px; padding-bottom: 12px; }
}

/* Başlık bandı: düz koyu yerine gece gökyüzü — sol üstte mor parıltı, sağda soluk altın, seyrek yıldız,
   altta iki ucu silinen altın çizgi. Ana temanın satır içi arka planını ezmek için seçici özgül. */
header.wpdevart-main-header-bg-gradient,
header.wpdevart-main-header-bg {
	position: relative;
	background:
		radial-gradient(ellipse 38% 140% at 8% 0%, rgba(110, 72, 180, 0.30), transparent 70%),
		radial-gradient(ellipse 30% 120% at 92% 100%, rgba(202, 157, 117, 0.10), transparent 70%),
		linear-gradient(180deg, #0d0a12 0%, #08060a 100%);
	border-bottom: 0;
}
header.wpdevart-main-header-bg-gradient::before,
header.wpdevart-main-header-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		radial-gradient(1px 1px at 37px 23px, rgba(255, 255, 255, 0.55), transparent),
		radial-gradient(1px 1px at 149px 71px, rgba(246, 230, 200, 0.45), transparent),
		radial-gradient(0.8px 0.8px at 263px 41px, rgba(255, 255, 255, 0.4), transparent),
		radial-gradient(1px 1px at 331px 88px, rgba(255, 255, 255, 0.35), transparent);
	background-size: 389px 109px;
	opacity: 0.8;
}
header.wpdevart-main-header-bg-gradient::after,
header.wpdevart-main-header-bg::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	pointer-events: none;
	background: linear-gradient(90deg, transparent, rgba(202, 157, 117, 0.55) 25%, rgba(202, 157, 117, 0.55) 75%, transparent);
}
header.wpdevart-main-header-bg-gradient > *,
header.wpdevart-main-header-bg > * {
	position: relative; /* içerik yıldız katmanının üstünde */
}

/* Menü yazıları yaldız: açık altından koyu bakıra degrade, üzerine gelince ışık soldan sağa geçer.
   Masaüstü menü + telefonda açılan menü. Yüksek karşıtlık kipinde düz renge döner. */
.navbar-wpdevart .menu > li > a.wpdevart-menu-items-color,
#wpdevartmobilemenu > ul > li > a {
	background-image: linear-gradient(100deg, #a97c4a 0%, #e9c98f 22%, #f8e7bf 34%, #cfa36d 50%, #b8864f 66%, #f3d9a4 82%, #a97c4a 100%);
	background-size: 250% 100%;
	background-position: 0% 50%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	transition: background-position 0.9s ease, filter 0.3s ease;
}
.navbar-wpdevart .menu > li > a.wpdevart-menu-items-color:hover,
.navbar-wpdevart .menu > li > a.wpdevart-menu-items-color:focus-visible,
#wpdevartmobilemenu > ul > li > a:hover {
	background-position: 100% 50%;
	filter: brightness(1.15);
}
.navbar-wpdevart .menu > li.current-menu-item > a.wpdevart-menu-items-color,
#wpdevartmobilemenu > ul > li.current-menu-item > a {
	filter: brightness(1.3) drop-shadow(0 0 6px rgba(243, 217, 164, 0.25));
}
@media (forced-colors: active) {
	.navbar-wpdevart .menu > li > a.wpdevart-menu-items-color,
	#wpdevartmobilemenu > ul > li > a {
		background-image: none;
		color: LinkText;
		-webkit-text-fill-color: LinkText;
	}
}

/* Masaüstü (≥960) başlık sırası (kullanıcı 10.10): logo | menü | Doğum Haritası | Randevu Al | arama (EN SAĞDA).
   Menü, logo ile ilk düğme ARASINDAKİ boşluğun ortasında (sayfa ortası değil). Eski «sayfa ortası» (absolute) kuralı kaldırıldı. */
@media (min-width: 960px) {
	/* logo alanı ana temada %33 genişlikte (logo 302'de bitiyor, alan 499'a uzanıyordu — ölçüldü) → logonun boyu */
	.wpdevart-main-header-section > .wpdevart-logo-area { flex: 0 0 auto; width: auto; max-width: none; }
	.wpdevart-main-header-section > .wpdevart-menu-and-buttons-area { flex: 1 1 auto; min-width: 0; }
	.wpdevart-menu-and-buttons-container {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
	}
	.wpdevart-menu-and-buttons-container > .nav-container-layout-one {
		order: 1;
		flex: 1 1 auto;
		width: auto;
		max-width: none; /* ana tema sınırlıyordu: kalan alan solda boş kalıp menü sağa kayıyordu (ölçüldü 147 px) */
		display: flex;
		justify-content: center;
	}
	.wpdevart-menu-and-buttons-container > .header-action-button-area { order: 2; }
	.wpdevart-menu-and-buttons-container > .wpdevart-search-button-icon { order: 3; margin-left: 14px; }
	/* ⚠️ yalnız ≥960: ana tema bu alanı telefonda gizliyor; koşulsuz flex telefonda düğmeleri İKİ KEZ gösterdi (ölçüldü) */
	.wpdevart-menu-and-buttons-container > .header-action-button-area {
		display: flex;
		gap: 12px;
		align-items: center;
	}
}

/* Telefon/tablet (<960 px): ana tema logo + düğme + 46 px araç çubuğunu (arama | ☰) alt alta diziyordu.
   TEK SATIR: logo solda · (tablette «Randevu Al») · arama + ☰ sağda. Araç çubuğu satır olmaktan çıkar; simgeler
   başlık bölümüne göre konumlanır; açılan liste başlığın hemen altında TAM genişlik (sıkışmasın). */
@media (max-width: 959px) {
	.wpdevart-header-container { padding-top: 8px; padding-bottom: 8px; }
	.wpdevart-main-header-section { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 12px; min-height: 60px; }
	.wpdevart-main-header-section > .wpdevart-logo-area { grid-column: 1; grid-row: 1; }
	.wpdevart-main-header-section-mobile-logo { margin-top: 0; margin-bottom: 0; }
	.wpdevart-main-header-section > .header-action-button-mobile-area { grid-column: 2; grid-row: 1; justify-self: end; padding: 0; margin: 0 104px 0 0; }
	.wpdevart-main-header-section > .wpdevart-menu-and-buttons-area { grid-column: 1 / -1; grid-row: 1; height: 0; align-self: stretch; }
	.wpdevart-menu-and-buttons-area .nav-container-layout-one,
	.wpdevart-menu-and-buttons-area #wpdevartmobilemenu { position: static; }
	/* ana tema «#wpdevartmobilemenu #head-mobile { display:block }» (iki kimlik) — aynı özgüllükle, sonra yüklenen kazanır */
	#wpdevartmobilemenu #head-mobile { display: none; }
	/* menü alanı logo satırının üstüne biniyor → tıklamayı geçir (logo tıklanamıyordu, ölçüldü); simgeler + liste tıklanır */
	.wpdevart-main-header-section > .wpdevart-menu-and-buttons-area { pointer-events: none; }
	.wpdevart-menu-and-buttons-area .wpdevartmobilemenubutton,
	.wpdevart-menu-and-buttons-area .wpdevart-search-button-icon-mobile,
	.wpdevart-menu-and-buttons-area #wpdevartmobilemenu > ul { pointer-events: auto; }
	#wpdevartmobilemenu > .wpdevartmobilemenubutton { position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 3; }
	/* margin-top: ana tema 6 px veriyordu → büyüteç ☰'den 4,5 px aşağıdaydı (boyanan pikselden ölçüldü, 390 ve 768 px).
	   0 değil 1,5 px: büyütecin sapı çizimi aşağı uzatıyor, görünen merkezler ancak böyle çakışıyor. */
	.wpdevart-search-button-icon-mobile { position: absolute; top: 50%; left: auto; right: 54px; transform: translateY(-50%); z-index: 3; margin-top: 1.5px; }
	/* ana tema #wpdevartmobilemenu'ye koyu zemin veriyor; satıra bindiği için LOGOYU ÖRTÜYORDU (görüntüde ölçüldü) → zemin listeye */
	#wpdevartmobilemenu { background: transparent; }
	#wpdevartmobilemenu > ul { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 50; background: #0d0a12; border-top: 1px solid rgba(202, 157, 117, 0.45); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55); }
	.oz-yalniz-mobil { display: list-item; }
}
@media (max-width: 599px) {
	/* tablet kuralı (<960, display:flex) ile aynı özgüllük → daha özgül yaz, yoksa telefonda düğmeler geri geliyor (ölçüldü) */
	header .wpdevart-main-header-section > .header-action-button-mobile-area { display: none; }
}
@media (min-width: 960px) {
	.menu .oz-yalniz-mobil { display: none; }
}

/* ---------- Ana sayfa bandı ---------- */
.oz-bant {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 120px 20px 0;
	background:
		radial-gradient(ellipse 60% 55% at 18% 0%, rgba(96, 62, 160, 0.38), transparent 70%),
		radial-gradient(ellipse 45% 50% at 88% 28%, rgba(202, 157, 117, 0.13), transparent 70%),
		radial-gradient(ellipse 80% 60% at 50% 115%, rgba(58, 38, 112, 0.5), transparent 70%),
		var(--oz-zemin);
}
/* yıldızlar: tekrar eden küçük noktalar — dış görsel yok */
.oz-bant__yildizlar {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		radial-gradient(1.2px 1.2px at 23px 41px, #fff, transparent),
		radial-gradient(1px 1px at 97px 113px, rgba(255, 255, 255, 0.85), transparent),
		radial-gradient(1.4px 1.4px at 161px 27px, #f6e6c8, transparent),
		radial-gradient(1px 1px at 209px 178px, rgba(255, 255, 255, 0.7), transparent),
		radial-gradient(1.1px 1.1px at 57px 197px, #fff, transparent),
		radial-gradient(0.9px 0.9px at 139px 231px, rgba(255, 255, 255, 0.6), transparent),
		radial-gradient(1.3px 1.3px at 251px 89px, #fff, transparent);
	background-size: 271px 263px;
	opacity: 0.75;
}
.oz-bant__yildizlar--ince {
	background-image:
		radial-gradient(0.8px 0.8px at 13px 77px, #fff, transparent),
		radial-gradient(0.8px 0.8px at 71px 19px, rgba(255, 255, 255, 0.8), transparent),
		radial-gradient(1px 1px at 119px 151px, #f6e6c8, transparent),
		radial-gradient(0.7px 0.7px at 181px 61px, #fff, transparent),
		radial-gradient(0.8px 0.8px at 33px 163px, rgba(255, 255, 255, 0.7), transparent);
	background-size: 197px 181px;
	animation: oz-parilti 6s ease-in-out infinite alternate;
}
@keyframes oz-parilti {
	from { opacity: 0.35; }
	to { opacity: 0.9; }
}
.oz-bant__icerik {
	position: relative;
	max-width: 880px;
	margin: 0 auto;
	padding: 0 0 96px;
}
.oz-bant .oz-bant__ust {
	color: var(--oz-altin);
	letter-spacing: 0.08em;
}
.oz-bant .oz-bant__baslik {
	font-size: clamp(38px, 6vw, 72px);
	line-height: 1.1;
	text-transform: none;
	letter-spacing: 0.01em;
	color: #f4ece2;
	margin: 18px 0 8px;
}
.oz-bant .oz-bant__metin {
	max-width: 640px;
	margin: 18px auto 0;
	color: var(--oz-yazi);
	font-size: 18px;
	line-height: 1.6;
}
.oz-bant .oz-bant__dugmeler {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin-top: 36px;
}
.oz-bant .oz-bant__dugmeler > a {
	margin: 0;
}

/* ---------- Ana sayfa: bandın altı (kullanıcı 10.10: «düz renk») ---------- */
/* Kapsayıcı tüm ana sayfa bölümlerini tutar; bant kendi zeminiyle üstünü örter, gece gökyüzü bandın ALTINDA görünür. */
.wpdevart-home-bg-color {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(ellipse 55% 22% at 22% 30%, rgba(96, 62, 160, 0.22), transparent 70%),
		radial-gradient(ellipse 40% 18% at 88% 52%, rgba(202, 157, 117, 0.07), transparent 70%),
		radial-gradient(ellipse 70% 25% at 30% 82%, rgba(52, 40, 120, 0.28), transparent 70%),
		linear-gradient(180deg, #070506 0%, #0b0911 40%, #0d0a14 75%, #070506 100%);
}
.wpdevart-home-bg-color::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		radial-gradient(1px 1px at 41px 67px, rgba(255, 255, 255, 0.55), transparent),
		radial-gradient(0.9px 0.9px at 173px 211px, rgba(246, 230, 200, 0.45), transparent),
		radial-gradient(1.1px 1.1px at 287px 31px, rgba(255, 255, 255, 0.4), transparent),
		radial-gradient(0.8px 0.8px at 359px 287px, rgba(255, 255, 255, 0.35), transparent),
		radial-gradient(1px 1px at 97px 331px, rgba(255, 255, 255, 0.3), transparent);
	background-size: 397px 373px;
}
/* blog kartları: düz siyah → yarı saydam koyu + ince altın kenar */
.wpdevart-home-bg-color .wpdevart-homepage-posts-content {
	background: rgba(14, 11, 20, 0.78);
	border: 1px solid rgba(202, 157, 117, 0.22);
	backdrop-filter: blur(2px);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.wpdevart-home-bg-color .wpdevart-homepage-posts-content:hover {
	border-color: rgba(202, 157, 117, 0.5);
	box-shadow: 0 0 22px rgba(202, 157, 117, 0.12);
}
/* ana sayfa «son yazılar»: ana temanın yüzde genişlikli flex'i (23% / 40% / 60%, ortalı) → 4 sütun ızgara, tablette 2×2, telefonda tek;
   yan yana kartlar eşit boy, «Devamını Oku» dipte (kullanıcı 11.10: 4 kart, 2×2) */
.wpdevart-homepage-post-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	width: min(1140px, 100% - 32px);
	margin: 0 auto;
}
.wpdevart-homepage-post-container > .wpdevart-homepage-posts-content {
	width: auto;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.wpdevart-homepage-posts-content > .wpdevart-home-latest-post-read-more { margin-top: auto; }
@media (max-width: 1099px) { .wpdevart-homepage-post-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .wpdevart-homepage-post-container { grid-template-columns: minmax(0, 1fr); } }

/* Tanıtım bölümü (görsel + «Doğum Haritası Danışmanlığı»): yerleşim ANA TEMANINKİ (kenardan kenara, kendi zemini) —
   yalnız ÇERÇEVE blog kartlarınınki gibi (kullanıcı 10.10: «az önceki hali gibi duracaktı, sadece çerçeve değişecekti»).
   Gölge ana temanın kart gölgesi — ölçüldü: #423223 2 px + 15 px. */
/* metin tarafının zemini: ana tema düz rgb(45,45,60) (ölçüldü) → gece tonu + parıltı + seyrek yıldız (kullanıcı 10.10) */
.wpdevart-home-bg-color .wpdevart-action-section-bg-gradient,
.wpdevart-home-bg-color .wpdevart-action-section-bg-color {
	background:
		radial-gradient(1px 1px at 37px 41px, rgba(255, 255, 255, 0.5), transparent),
		radial-gradient(0.9px 0.9px at 151px 127px, rgba(246, 230, 200, 0.45), transparent),
		radial-gradient(1px 1px at 241px 19px, rgba(255, 255, 255, 0.35), transparent),
		radial-gradient(0.8px 0.8px at 89px 173px, rgba(255, 255, 255, 0.3), transparent),
		radial-gradient(ellipse 45% 70% at 85% 10%, rgba(110, 72, 180, 0.32), transparent 70%),
		radial-gradient(ellipse 35% 55% at 92% 100%, rgba(202, 157, 117, 0.12), transparent 70%),
		linear-gradient(135deg, #17122a 0%, #120e1f 45%, #0c0914 100%);
	background-size: 277px 197px, 277px 197px, 277px 197px, 277px 197px, auto, auto, auto;
}
.wpdevart-home-bg-color .wpdevart-action-section {
	position: relative;
	border-top: 1px solid rgba(202, 157, 117, 0.22);
	border-bottom: 1px solid rgba(202, 157, 117, 0.22);
	box-shadow: 0 0 2px 0 #423223, 0 0 15px 0 #423223;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.wpdevart-home-bg-color .wpdevart-action-section:hover {
	border-color: rgba(202, 157, 117, 0.5);
	box-shadow: 0 0 2px 0 #423223, 0 0 22px rgba(202, 157, 117, 0.18);
}

/* ---------- Alt bilgi: düz rgb(45,45,60) + gri «V» resmi (footer-style1.png) → tanıtım bölümüyle AYNI gece zemini (kullanıcı 10.10).
   Resim kaldırılır; zemin dalga dahil tüm alt bilgide tek parça; üstteki koyu üçgen CSS ile (resimle aynı geometri: üst kenar → alt orta). */
footer[class*="wpdevart-footer-"] {
	background:
		radial-gradient(1px 1px at 37px 41px, rgba(255, 255, 255, 0.5), transparent),
		radial-gradient(0.9px 0.9px at 151px 127px, rgba(246, 230, 200, 0.45), transparent),
		radial-gradient(1px 1px at 241px 19px, rgba(255, 255, 255, 0.35), transparent),
		radial-gradient(0.8px 0.8px at 89px 173px, rgba(255, 255, 255, 0.3), transparent),
		radial-gradient(ellipse 40% 60% at 85% 15%, rgba(110, 72, 180, 0.28), transparent 70%),
		radial-gradient(ellipse 35% 50% at 10% 95%, rgba(202, 157, 117, 0.10), transparent 70%),
		linear-gradient(135deg, #17122a 0%, #120e1f 45%, #0c0914 100%);
	background-size: 277px 197px, 277px 197px, 277px 197px, 277px 197px, auto, auto, auto;
}
footer[class*="wpdevart-footer-"] .footer-one-pre {
	position: relative;
	z-index: 1;
	background: transparent !important;
	background-image: none !important; /* ana tema !important ile resim veriyor */
}
footer[class*="wpdevart-footer-"] .footer-one-pre::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #070506; /* üstteki bölümlerin bittiği renk */
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
/* V çizgisi kartlar gibi (kullanıcı 10.10): ince altın kenar + kademeli #423223 hale — YALNIZ V boyunca
   (drop-shadow üçgenin üst düz kenarına da düşüp boydan boya çizgi yapıyordu, ölçüldü). */
footer[class*="wpdevart-footer-"] .footer-one-pre::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -12px;
	bottom: -12px;
	pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linejoin='round' vector-effect='non-scaling-stroke'%3E%3Cpolyline points='0,0 50,100 100,0' stroke='%23423223' stroke-opacity='0.18' stroke-width='22' vector-effect='non-scaling-stroke'/%3E%3Cpolyline points='0,0 50,100 100,0' stroke='%23423223' stroke-opacity='0.35' stroke-width='10' vector-effect='non-scaling-stroke'/%3E%3Cpolyline points='0,0 50,100 100,0' stroke='%23423223' stroke-opacity='0.8' stroke-width='4' vector-effect='non-scaling-stroke'/%3E%3Cpolyline points='0,0 50,100 100,0' stroke='%23ca9d75' stroke-opacity='0.55' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") center / 100% calc(100% - 24px) no-repeat;
}

/* ---------- Burç şeridi (bandın altı) ---------- */
.oz-burclar {
	position: relative;
	overflow: hidden;
	border-top: 1px solid var(--oz-altin-soluk);
	border-bottom: 1px solid var(--oz-altin-soluk);
	background: rgba(7, 5, 6, 0.6);
	padding: 16px 0;
}
.oz-burclar__yol {
	display: flex;
	width: max-content;
	animation: oz-kay 80s linear infinite;
}
.oz-burclar__dizi {
	display: flex;
	gap: 48px;
	padding: 0 48px 0 0;
	margin: 0;
	list-style: none;
}
.oz-burclar__dizi li {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
}
.oz-burclar__simge {
	color: var(--oz-altin);
	font-size: 22px;
	line-height: 1;
	font-family: "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols 2", "DejaVu Sans", serif;
}
.oz-burclar__ad {
	color: var(--oz-yazi-soluk);
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* ---------- WhatsApp düğmesi ---------- */
.oz-whatsapp {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9990;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
	text-decoration: none;
	transition: transform 0.15s ease;
}
.oz-whatsapp:hover {
	transform: scale(1.06);
	color: #fff;
}
.oz-whatsapp:focus-visible {
	outline: 2px solid var(--oz-altin);
	outline-offset: 3px;
}
.oz-whatsapp__simge {
	/* ana temanın kırpılmış FA 6.4.2 css'i Brands yazı tipini yalnız «5» adıyla tanımlıyor (ölçüldü) */
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
	font-size: 30px;
	line-height: 1;
	font-style: normal;
}
.oz-whatsapp__simge::before {
	content: "\f232";
}

/* ---------- Telefon ---------- */
@media (max-width: 600px) {
	.gokyuzu { font-size: 12px; height: 34px; }
	.oz-bant { padding-top: 72px; }
	.oz-bant__icerik { padding-bottom: 64px; }
	.oz-bant .oz-bant__metin { font-size: 16px; }
	.oz-burclar__dizi { gap: 34px; padding-right: 34px; }
	.oz-whatsapp { width: 52px; height: 52px; right: 16px; bottom: 16px; }
	/* alt bilgi: ana tema telefonda da iki sütunu yan yana tutuyor, başlık/e-posta harf ortasından bölünüyordu */
	.site-footer__col-two-three-group { display: block; }
	.site-footer__col-two-three-group > .site-footer__col-two,
	.site-footer__col-two-three-group > .site-footer__col-three { width: 100%; max-width: none; margin-bottom: 18px; }
	.site-footer__col-three a { overflow-wrap: anywhere; }
}

/* Hareketi azaltmayı seçen ziyaretçi: kayma yok, elle kaydırılır */
@media (prefers-reduced-motion: reduce) {
	.gokyuzu--hazir .gokyuzu__yol,
	.oz-burclar__yol,
	.oz-bant__yildizlar--ince { animation: none; }
	.gokyuzu { overflow-x: auto; }
	.oz-burclar { overflow-x: auto; }
	.gokyuzu__dizi[aria-hidden="true"],
	.oz-burclar__dizi[aria-hidden="true"] { display: none; }
}

/* =====================================================================
   DÜĞMELER — tek sistem (kullanıcı 10.10: «ölçüler hep aynı», «yazı ve dolgular menüler ile aynı»).
   Yazı: menüdeki yaldız degrade (aynı yazı tipi/kalınlık). Dolgu: koyu yarı saydam + ince altın kenar.
   Ana temanın 3 stili (koyu/altın dolgu/gri dolgu) ve «içeriden dolan gölge» efekti EZİLİR.
   Ölçü: standart 54×240 (en az) · başlık 44×170 · telefonda alt alta eşit genişlik.
   ===================================================================== */
:root {
	--oz-dugme-yaldiz: linear-gradient(100deg, #a97c4a 0%, #e9c98f 22%, #f8e7bf 34%, #cfa36d 50%, #b8864f 66%, #f3d9a4 82%, #a97c4a 100%);
	--oz-dugme-zemin: linear-gradient(rgba(13, 10, 18, 0.6), rgba(13, 10, 18, 0.6));
}
.wpdevart_astrostar_hover_button,
.wpdevart_astrostar_hover_button_small,
.oz-harita__dugme {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 54px;
	min-width: 240px;
	padding: 0 28px !important;
	margin: 0;
	font-family: "Alegreya", Georgia, serif;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
	border: 1px solid rgba(202, 157, 117, 0.7) !important;
	border-radius: 2px;
	/* iki katman: 1) yaldız → yalnız YAZIYA, 2) koyu zemin → kutuya */
	background-image: var(--oz-dugme-yaldiz), var(--oz-dugme-zemin) !important;
	background-color: transparent !important;
	background-size: 250% 100%, 100% 100% !important;
	background-position: 0% 50%, 0 0 !important;
	-webkit-background-clip: text, padding-box !important;
	background-clip: text, padding-box !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-position 0.9s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}
a:hover > .wpdevart_astrostar_hover_button,
a:hover > .wpdevart_astrostar_hover_button_small,
a:focus-visible > .wpdevart_astrostar_hover_button,
a:focus-visible > .wpdevart_astrostar_hover_button_small,
.oz-harita__dugme:hover,
.oz-harita__dugme:focus-visible,
.wpdevart_astrostar_hover_button:hover,
.wpdevart_astrostar_hover_button_small:hover {
	background-position: 100% 50%, 0 0 !important;
	border-color: rgba(243, 217, 164, 0.95) !important;
	box-shadow: 0 0 2px 0 #423223, 0 0 16px rgba(202, 157, 117, 0.28) !important;
}
/* başlık düğmeleri: daha alçak, ikisi eşit */
header .wpdevart_astrostar_hover_button_small {
	height: 44px;
	width: 172px; /* iki başlık düğmesi birebir eşit (yazı farkı 1 px açıyordu) */
	min-width: 0;
	padding: 0 20px !important;
	font-size: 14px !important;
}
/* ⚠️ düğme alanlarına flex YALNIZ görünür oldukları genişlikte (masaüstü ≥960 yukarıda, mobil <960 aşağıda):
   koşulsuz yazınca ana temanın gizlemesi ezildi — masaüstünde de telefonda da düğmeler İKİ KEZ çıktı (kullanıcı 10.10). */
@media (max-width: 959px) {
	.wpdevart-main-header-section > .header-action-button-mobile-area {
		display: flex;
		gap: 12px;
		align-items: center;
	}
}
/* yan yana duran düğme grupları: eşit genişlik */
.oz-bant__dugmeler > a,
.oz-harita__cagri > a,
.oz-harita__cagri > button {
	flex: 0 0 auto;
}
.oz-bant__dugmeler .wpdevart_astrostar_hover_button {
	min-width: 260px;
}
@media (forced-colors: active) {
	.wpdevart_astrostar_hover_button,
	.wpdevart_astrostar_hover_button_small,
	.oz-harita__dugme {
		background-image: none !important;
		color: ButtonText !important;
		-webkit-text-fill-color: ButtonText !important;
	}
}
@media (max-width: 599px) {
	.oz-bant__dugmeler,
	.oz-harita__cagri {
		flex-direction: column;
		align-items: center;
	}
	.oz-bant__dugmeler > a,
	.oz-harita__cagri > a,
	.oz-harita__cagri > button {
		width: 100%;
		max-width: 320px;
	}
	.oz-bant__dugmeler .wpdevart_astrostar_hover_button,
	.oz-harita__cagri .oz-harita__dugme,
	.wpdevart-action-text-button-section .wpdevart_astrostar_hover_button {
		width: 100%;
		min-width: 0;
		max-width: 320px;
	}
}

/* «Doğum Haritası» başlık düğmesi: 960–1199 px'te menü + iki düğme sığmıyor (hesaplandı) → yalnız orada gizli.
   Telefon menüsünde `oz-yalniz-mobil` öğesi olarak var. */
@media (min-width: 960px) and (max-width: 1279px) {
	.oz-harita-baslik-dugmesi { display: none; }
}

/* =====================================================================
   TÜM SAYFALAR gece gökyüzü (kullanıcı 10.10: «tüm sayfa ve butonlar bu tema ile uyumlu»).
   Genel zemin body'de; ana temanın içerik alanı (#070506) ve sayfa başlık bandı saydam → kesintisiz.
   Ana sayfa kendi kapsayıcısıyla (.wpdevart-home-bg-color) zaten kaplı.
   ===================================================================== */
body {
	background-color: #070506;
	background-image:
		radial-gradient(ellipse 60% 900px at 15% 0, rgba(96, 62, 160, 0.26), transparent 70%),
		radial-gradient(ellipse 45% 700px at 92% 40%, rgba(202, 157, 117, 0.06), transparent 70%),
		radial-gradient(ellipse 70% 900px at 25% 100%, rgba(52, 40, 120, 0.24), transparent 70%),
		linear-gradient(180deg, #070506 0%, #0b0911 50%, #0a0810 100%);
	background-repeat: no-repeat;
}
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		radial-gradient(1px 1px at 41px 67px, rgba(255, 255, 255, 0.5), transparent),
		radial-gradient(0.9px 0.9px at 173px 211px, rgba(246, 230, 200, 0.4), transparent),
		radial-gradient(1.1px 1.1px at 287px 31px, rgba(255, 255, 255, 0.35), transparent),
		radial-gradient(0.8px 0.8px at 359px 287px, rgba(255, 255, 255, 0.3), transparent),
		radial-gradient(1px 1px at 97px 331px, rgba(255, 255, 255, 0.28), transparent);
	background-size: 397px 373px;
}
.wpdevart-main-container,
.page-banner > [class*="banner__bg"] {
	background: transparent !important;
}
/* sayfa başlık bandı: altta ince altın çizgi (başlık çubuğuyla aynı) */
.page-banner {
	position: relative;
}
.page-banner::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(202, 157, 117, 0.45), transparent);
}

/* 404 + sonuçsuz arama sayfası (ana temanın klasik searchform.php'si): kutu beyaz ve düğmeden kısaydı, telefonda düğme
   ekrandan taşıyordu; ≥960 px'te 10 px sola kayık · zemin ana temada düz #070506 → diğer sayfalar gibi saydam (gece zemini) */
.wpdevart-not-found-page-content { background: transparent; }
.wpdevart-search-page-form { margin-left: 0 !important; }
.wpdevart-search-page-form .wpdevart-search-form {
	display: flex;
	gap: 10px;
	align-items: stretch;
	width: min(460px, 100%);
	margin: 0 auto;
}
.wpdevart-search-page-form .wpdevart-search-sbtxt { flex: 1 1 auto; min-width: 0; height: 48px; box-sizing: border-box; font-size: 17px; }
.wpdevart-search-page-form #searchsubmit { flex: 0 0 auto; width: auto !important; min-width: 0 !important; height: 48px; margin: 0; padding: 0 26px; box-sizing: border-box; } /* tema küçük düğmesi 240 px sabit: telefonda kutuyu 35 px'e sıkıştırıyordu */

/* arama kutuları (blog yan sütunu, arama sayfası): beyaz → koyu, altın kenar */
.wp-block-search__input,
input[type="search"],
.search-field,
.wpdevart-search-sbtxt {
	background: #0e0b10 !important;
	border: 1px solid rgba(202, 157, 117, 0.35) !important;
	color: #f4ece2 !important;
	border-radius: 2px;
	min-height: 44px;
	padding: 0 12px;
}
.wp-block-search__input:focus,
input[type="search"]:focus,
.wpdevart-search-sbtxt:focus {
	outline: none;
	border-color: #ca9d75 !important;
	box-shadow: 0 0 0 1px #ca9d75;
}
.wp-block-search__label {
	color: #ca9d75;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 13px;
}
/* «Ara» düğmesi: düğme sistemindeki yaldız + koyu dolgu, arama kutusuyla aynı yükseklik */
.wp-block-search__button {
	height: 44px;
	min-width: 0;
	padding: 0 18px !important;
	font-family: "Alegreya", Georgia, serif;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border: 1px solid rgba(202, 157, 117, 0.7) !important;
	border-radius: 2px;
	background-image: var(--oz-dugme-yaldiz), var(--oz-dugme-zemin) !important;
	background-size: 250% 100%, 100% 100% !important;
	-webkit-background-clip: text, padding-box !important;
	background-clip: text, padding-box !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	transition: background-position 0.9s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.wp-block-search__button:hover,
.wp-block-search__button:focus-visible {
	background-position: 100% 50%, 0 0 !important;
	border-color: rgba(243, 217, 164, 0.95) !important;
	box-shadow: 0 0 2px 0 #423223, 0 0 16px rgba(202, 157, 117, 0.28);
}

/* blog listesi / arama sonuçları kartları ve yan sütun: düz siyah → ana sayfa kartlarıyla aynı (yarı saydam + altın kenar + hale) */
.wpdevart-post-summary-content,
.wpdevart-sidebar-container-inside {
	background: rgba(14, 11, 20, 0.78) !important;
	border: 1px solid rgba(202, 157, 117, 0.22);
	box-shadow: 0 0 2px 0 #423223, 0 0 15px 0 #423223;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.wpdevart-post-summary-content:hover {
	border-color: rgba(202, 157, 117, 0.5);
	box-shadow: 0 0 2px 0 #423223, 0 0 22px rgba(202, 157, 117, 0.18);
}
/* blog / kategori / arama listesi: ana temanın «sar + ortala» flex'i tek kalan kartı ortaya atıyor, yükseklikler satırda eşitlenmiyordu
   → iki eşit sütunlu ızgara (sola hizalı, satırda eşit yükseklik), telefonda tek sütun; kategori etiketi kartın dibinde */
.wpdevart-posts-list-with-pagination > .wpdevart-posts-list-with-pagination-inner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	align-items: stretch;
	margin-top: 10px; /* yan sütunun üst kenarıyla aynı hiza (eski kart dış boşluğu 10 px idi) */
}
.wpdevart-posts-list-with-pagination-inner > .wpdevart-post-summary-content {
	width: auto;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.wpdevart-post-summary-content > .wpdevart-entry-meta-category {
	margin-top: auto;
}
@media (max-width: 599px) {
	.wpdevart-posts-list-with-pagination > .wpdevart-posts-list-with-pagination-inner { grid-template-columns: minmax(0, 1fr); }
}
/* sonuçsuz arama: başlık + açıklama da bu kutuda → ızgarada iki sütuna bölünüyordu (11.10 ızgara değişikliğinin yan etkisi) → tam satır, ortalı */
.wpdevart-posts-list-with-pagination-inner > .wpdevart-search-page-subtitle,
.wpdevart-posts-list-with-pagination-inner > .alert { grid-column: 1 / -1; text-align: center; margin: 0; }
.wpdevart-posts-list-with-pagination-inner > .alert { background: transparent; border: 0; padding: 0; color: #d9cdbf; }
/* «Yeniden arayın:» ana temada 26 px kalın, formla aynı satır → sitenin öbür etiketleri gibi küçük altın etiket, form altında ortalı */
.perform-new-search { display: flex !important; flex-direction: column; align-items: center; gap: 10px; margin-top: 18px; }
.perform-new-search-text { font-size: 13px; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; color: #ca9d75; }
.perform-new-search .wpdevart-search-page-form { width: 100%; }

/* açılır alt menü (Araçlar): gri kutu → kart dili; yazılar ana menüyle aynı yaldız */
@media (min-width: 960px) {
	.navbar-wpdevart .sub-menu,
	.navbar-wpdevart .dropdown-menu {
		background: rgba(14, 11, 20, 0.96) !important;
		border: 1px solid rgba(202, 157, 117, 0.3) !important;
		border-top: 2px solid #ca9d75 !important;
		box-shadow: 0 0 2px 0 #423223, 0 12px 28px rgba(0, 0, 0, 0.55), 0 0 15px 0 #423223;
		padding: 6px 0;
	}
	.navbar-wpdevart .sub-menu a.wpdevart-sub-menu-link-color,
	.navbar-wpdevart .sub-menu a {
		background-image: linear-gradient(100deg, #a97c4a 0%, #e9c98f 22%, #f8e7bf 34%, #cfa36d 50%, #b8864f 66%, #f3d9a4 82%, #a97c4a 100%);
		background-size: 250% 100%;
		background-position: 0% 50%;
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent !important;
		-webkit-text-fill-color: transparent;
		transition: background-position 0.9s ease, filter 0.3s ease;
	}
	.navbar-wpdevart .sub-menu a:hover,
	.navbar-wpdevart .sub-menu a:focus-visible {
		background-position: 100% 50%;
		filter: brightness(1.15);
	}
	.navbar-wpdevart .sub-menu li.current-menu-item > a { filter: brightness(1.3); }
	.wpdevart-sub-menu-button-icon, .navbar-wpdevart .menu > li > .wpdevart-menu-button-icon { fill: #ca9d75; }
}
/* telefon menüsünde alt öğeler: yaldız + hafif içe girinti */
#wpdevartmobilemenu ul ul li a {
	background-image: linear-gradient(100deg, #a97c4a 0%, #e9c98f 30%, #f8e7bf 45%, #cfa36d 65%, #f3d9a4 85%, #a97c4a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	-webkit-text-fill-color: transparent;
	padding-left: 34px !important;
}


/* «✦ Günlük Yorumunuz» — öne çıkan başlık düğmesi: yaldız DOLGU + koyu yazı + ara ara geçen ışık.
   Diğer düğmeler «koyu dolgu + yaldız yazı»; bu tersini yapar ki göz ona gitsin. Başlıkta iki düğme EŞİT genişlik. */
header .wpdevart_astrostar_hover_button_small { width: 196px; }
.oz-dugme-dolu {
	position: relative;
	overflow: hidden;
	background-image: linear-gradient(100deg, #b8864f 0%, #e9c98f 30%, #f8e7bf 45%, #d4a96f 65%, #f3d9a4 85%, #b8864f 100%) !important;
	background-size: 200% 100% !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
	color: #1a1208 !important;
	-webkit-text-fill-color: #1a1208 !important;
	border-color: #f3d9a4 !important;
	box-shadow: 0 0 2px 0 #423223, 0 0 18px rgba(233, 201, 143, 0.35) !important;
	animation: oz-dolu-nabiz 3.2s ease-in-out infinite;
}
.oz-dugme-dolu__simge { margin-right: 6px; font-size: 13px; }
.oz-dugme-dolu::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60%;
	width: 40%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.55), transparent);
	transform: skewX(-20deg);
	animation: oz-dolu-isik 4.5s ease-in-out infinite;
	pointer-events: none;
}
a:hover > .oz-dugme-dolu,
a:focus-visible > .oz-dugme-dolu {
	background-position: 100% 50% !important;
	box-shadow: 0 0 2px 0 #423223, 0 0 26px rgba(243, 217, 164, 0.6) !important;
}
@keyframes oz-dolu-isik {
	0%, 55% { left: -60%; }
	85%, 100% { left: 130%; }
}
@keyframes oz-dolu-nabiz {
	0%, 100% { box-shadow: 0 0 2px 0 #423223, 0 0 14px rgba(233, 201, 143, 0.28); }
	50% { box-shadow: 0 0 2px 0 #423223, 0 0 24px rgba(243, 217, 164, 0.5); }
}
@media (prefers-reduced-motion: reduce) {
	.oz-dugme-dolu, .oz-dugme-dolu::after { animation: none; }
	.oz-dugme-dolu::after { display: none; }
}
@media (forced-colors: active) {
	.oz-dugme-dolu { background-image: none !important; color: ButtonText !important; -webkit-text-fill-color: ButtonText !important; }
}
/* 960–1279: iki düğme + menü sığmıyor → öne çıkan düğme gizli (menüde var) */
@media (min-width: 960px) and (max-width: 1279px) {
	.oz-baslik-one-cikan { display: none; }
}
/* dar masaüstünde başlık düğmeleri biraz daralır (1280'de menü↔logo 10 px kalıyordu — ölçüldü) */
@media (min-width: 1280px) and (max-width: 1439px) {
	header .wpdevart_astrostar_hover_button_small { width: 176px; padding: 0 12px !important; font-size: 13px !important; }
}
@media (min-width: 960px) and (max-width: 1279px) {
	header .wpdevart_astrostar_hover_button_small { width: 160px; font-size: 13px !important; }
}
/* telefon menüsünde en üstte öne çıkan öğe */
#wpdevartmobilemenu > ul > li.oz-menu-one-cikan > a { color: #1a1208 !important; -webkit-text-fill-color: #1a1208; background-image: linear-gradient(100deg, #b8864f 0%, #e9c98f 30%, #f8e7bf 45%, #d4a96f 65%, #f3d9a4 85%, #b8864f 100%); -webkit-background-clip: padding-box; background-clip: padding-box; font-weight: 700; }

/* gökyüzü şeridi takvime bağlantı (her sayfada) — ⚠️ «color: inherit» temanın #333'üne düşürüp okunmaz yaptı (kullanıcı 10.10, ölçüldü) → açık krem, alt çizgi yok */
a.gokyuzu, a.gokyuzu:hover, a.gokyuzu:visited { text-decoration: none; color: #ece3d6; }