/* Çerez onay bandı (inc/olcum.php). Her sayfada yükleniyor — tasarım aracı
   dahil; orada style.css token'ları olmayabilir, bu yüzden her değerin
   yedeği var ve düğmeler .btn'e yaslanmıyor. İnce bir alt bant: içeriği
   kapatmıyor, sayfayı kilitlemiyor. */
.cerez-bandi {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	max-width: 880px;
	margin: 0 auto;
	padding: 14px 16px 14px 20px;
	border: 1px solid var(--line, #E3D9C6);
	border-radius: var(--radius, 2px);
	background: var(--surface, #fff);
	box-shadow: 0 14px 36px rgba(34, 30, 26, 0.16);
	font-family: var(--font-body, "Montserrat", -apple-system, "Segoe UI", Arial, sans-serif);
	color: var(--ink, #221E1A);
}
.cerez-bandi[hidden] { display: none; }

/* Bant açıkken WP Chat App düğmesi ve sohbet kutusu bandın üstüne kalkıyor
   (olcum.js --cerez-h yazıyor). Eklentinin kendi değerleri 30px / 102px;
   !important çünkü eklenti panelinden verilen konum satır içi stil olabiliyor. */
.cerez-acik .wa__btn_popup { bottom: calc(var(--cerez-h, 0px) + 12px) !important; transition: bottom 0.25s ease; }
.cerez-acik .wa__popup_chat_box { bottom: calc(var(--cerez-h, 0px) + 84px) !important; }
.cerez-bandi p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--ink-soft, #635C52); }
.cerez-bandi a { color: var(--ink, #221E1A); text-decoration: underline; text-underline-offset: 2px; }
.cerez-dugmeler { display: flex; flex: 0 0 auto; gap: 8px; }
/* Reddet ve Kabul Et ayni boyutta: reddetmek kabul etmek kadar kolay olmali. */
.cerez-bandi button {
	min-width: 104px;
	margin: 0;
	padding: 10px 18px;
	border: 1px solid var(--accent, #414042);
	border-radius: var(--radius, 2px);
	background: transparent;
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--accent, #414042);
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}
.cerez-bandi button:hover { background: var(--accent, #414042); color: #fff; }
.cerez-bandi button.btn-fill { background: var(--gold, #FBB040); border-color: var(--gold, #FBB040); color: var(--accent, #414042); }
.cerez-bandi button.btn-fill:hover { background: var(--gold-soft, #E89F30); border-color: var(--gold-soft, #E89F30); }
.cerez-bandi button:focus-visible { outline: 2px solid var(--gold, #FBB040); outline-offset: 2px; }

@media (max-width: 600px) {
	/* İnce: sayfanın ana düğmesini örtmesin (360×640'ta ~95 px). Düğmeler yine eşit boyda. */
	.cerez-bandi { left: 8px; right: 8px; bottom: 8px; flex-direction: column; align-items: stretch; gap: 8px; padding: 10px 12px; }
	.cerez-bandi p { font-size: 11.5px; line-height: 1.45; }
	.cerez-dugmeler button { flex: 1; min-width: 0; padding: 8px 12px; }
}

/* Çerez politikası sayfası (page-cerez-politikasi.php): okunur uzunlukta düz metin. */
.yasal-metin { max-width: 760px; }
.yasal-metin h2 { font-size: 22px; margin: 36px 0 10px; }
.yasal-metin h3 { font-size: 17px; margin: 24px 0 8px; }
.yasal-metin p { color: var(--ink-soft, #635C52); }
.yasal-metin a { text-decoration: underline; text-underline-offset: 2px; }
.yasal-metin table { width: 100%; margin: 12px 0 8px; border-collapse: collapse; font-size: 14px; }
.yasal-metin th,
.yasal-metin td { padding: 10px 12px; border-bottom: 1px solid var(--line, #E3D9C6); text-align: left; vertical-align: top; }
.yasal-metin th { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-faint, #948C7E); }
.yasal-metin td:first-child { font-family: ui-monospace, Consolas, monospace; font-size: 13px; white-space: nowrap; }
.yasal-tarih { margin-top: 32px; font-size: 13px; }
@media (max-width: 600px) {
	.yasal-metin td:first-child { white-space: normal; word-break: break-all; }
}