/* ==========================================================================
   CookieYes çerez bandı + tercih merkezi — site paletine uydurma.
   Renkler eklenti tarafından element üzerine INLINE style olarak basılıyor
   (eklenti ayarı / DB'de). DB'yi canlıya taşımayacağımız için tema ile birlikte
   gidecek tek çözüm CSS override'dır; inline style'ı ezmek için bu bileşene özel
   olarak !important kullanılır (genel kural dışı, yalnızca bu dosyada).
   Palet token'ları footer.css'te :root altında tanımlı; burada güvenli
   fallback'lerle kullanılır (token yüklü değilse de doğru renk gelir).
   ========================================================================== */

/* Yazı tipi: site monospace fontu. */
.cky-consent-container,
.cky-consent-container *,
.cky-preference-center,
.cky-preference-center * {
	font-family: var(--sc-footer-font, "JetBrains Mono", Consolas, Monaco, monospace) !important;
}

/* --- Alt çerez bandı (notice) --------------------------------------------- */
.cky-consent-container .cky-consent-bar {
	background-color: var(--sc-surface, #111111) !important;
	border-color: var(--sc-border, rgba(214, 209, 196, 0.14)) !important;
}

.cky-consent-container .cky-title,
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p {
	color: var(--sc-text, #d6d1c4) !important;
}

/* "Çerez politikası" linki: vurgu rengi, hover'da metin rengine. */
.cky-consent-container .cky-notice-des a,
.cky-consent-container a.cky-policy {
	color: var(--sc-accent, #c8f04a) !important;
	text-decoration: underline !important;
}

.cky-consent-container .cky-notice-des a:hover,
.cky-consent-container a.cky-policy:hover {
	color: var(--sc-text, #d6d1c4) !important;
}

/* Site geneli buton dili (buttons.css .sc-btn ile aynı): oval + uppercase +
   geniş harf aralığı. Bar kompakt olduğu için .sc-btn'in büyük dolgusu değil,
   eklentinin kendi dolgusu korunur — sadece şekil/tipografi hizalanır. */
.cky-consent-container .cky-btn,
.cky-preference-center .cky-btn {
	border-radius: 999px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

/* İkincil butonlar: Kişiselleştir / Reddet (saydam zemin, ince kenar). */
.cky-btn-customize,
.cky-btn-reject {
	color: var(--sc-text, #d6d1c4) !important;
	background-color: transparent !important;
	border-color: rgba(214, 209, 196, 0.35) !important;
	transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important;
}

.cky-btn-customize:hover,
.cky-btn-reject:hover {
	color: var(--sc-accent, #c8f04a) !important;
	border-color: var(--sc-accent, #c8f04a) !important;
}

/* Birincil buton: Tüm çerezleri kabul et (vurgu zemin, koyu yazı). */
.cky-btn-accept {
	color: #0a0a0a !important;
	background-color: var(--sc-accent, #c8f04a) !important;
	border-color: var(--sc-accent, #c8f04a) !important;
	transition: filter 0.25s ease !important;
}

.cky-btn-accept:hover {
	filter: brightness(0.92) !important;
}

/* --- Tercih merkezi (Kişiselleştir popup) -------------------------------- */
.cky-preference-center {
	background-color: var(--sc-surface, #111111) !important;
	border-color: var(--sc-border, rgba(214, 209, 196, 0.14)) !important;
	color: var(--sc-text, #d6d1c4) !important;
}

.cky-preference-center .cky-preference-title,
.cky-preference-center .cky-title,
.cky-preference-center .cky-notice-des,
.cky-preference-center .cky-notice-des p,
.cky-preference-center .cky-accordion-header,
.cky-preference-center .cky-accordion-header-des,
.cky-preference-center .cky-always-active {
	color: var(--sc-text, #d6d1c4) !important;
}

.cky-preference-center .cky-notice-des a {
	color: var(--sc-accent, #c8f04a) !important;
}

/* Tercih merkezi butonları (aynı mantık). */
.cky-preference-center .cky-btn-accept {
	color: #0a0a0a !important;
	background-color: var(--sc-accent, #c8f04a) !important;
	border-color: var(--sc-accent, #c8f04a) !important;
}

.cky-preference-center .cky-btn-reject,
.cky-preference-center .cky-btn-preferences {
	color: var(--sc-text, #d6d1c4) !important;
	background-color: transparent !important;
	border-color: rgba(214, 209, 196, 0.35) !important;
}

/* Kategori aç/kapa toggle'ı: aktifken vurgu rengi. */
.cky-preference-center input[type="checkbox"]:checked + .cky-switch,
.cky-switch.cky-category-direct-switch-enabled {
	background-color: var(--sc-accent, #c8f04a) !important;
}

/* --- Yeniden ziyaret (revisit) düğmesi ------------------------------------ */
.cky-btn-revisit-wrapper {
	background-color: var(--sc-accent, #c8f04a) !important;
	color: #0a0a0a !important;
}