/* ==========================================================================
   Complianz çerez bandı — site kimliğine uyarlama
   ==========================================================================

   HUKUKİ KISIT (değiştirmeden önce oku):
   "Accepter" ve "Refuser" GÖRSEL OLARAK EŞİT olmak zorunda. CNIL, reddetmeyi
   kabul etmekten zor/silik gösteren tasarımı karanlık desen sayıyor ve
   yaptırım uyguluyor (délibération n° 2022-009 vd.; Google ve Facebook'a
   kesilen cezaların gerekçesi tam da buydu).

   Eklentinin varsayılanı bu kuralı ÇİĞNİYORDU: "Accepter" dolu mor, "Refuser"
   soluk gri idi. Aşağıda ikisi de AYNI dolu pirinç buton — aynı dolgu, aynı
   kenarlık, aynı yazı rengi, aynı ağırlık, aynı padding, aynı yarıçap.
   Tercih paneli linki (üçüncü seçenek) ikincil olabilir; kabul/ret ikilisi olamaz.

   !important kullanımı: Complianz kendi stillerini inline ve yüksek özgüllükle
   basıyor; onlara üstün gelmenin başka yolu yok.
   ========================================================================== */

/* ---------- Kapsayıcı ---------- */
.cmplz-cookiebanner {
	font-family: var(--fmb-font-body) !important;
	background: var(--fmb-white) !important;
	color: var(--fmb-charcoal) !important;
	border: 1px solid var(--fmb-line) !important;
	border-radius: var(--fmb-r-lg) !important;
	box-shadow: var(--fmb-shadow-lg) !important;
	padding: clamp(20px, 2.4vw, 30px) !important;
}

/* ---------- Başlık ---------- */
.cmplz-cookiebanner .cmplz-header { margin-bottom: .6em !important; }
.cmplz-cookiebanner .cmplz-title {
	font-family: var(--fmb-font-head) !important;
	color: var(--fmb-ink) !important;
	font-weight: 600 !important;
	font-size: clamp(1.15rem, 1.6vw, 1.35rem) !important;
	letter-spacing: -.015em !important;
	line-height: 1.2 !important;
}

/* ---------- Gövde metni ---------- */
.cmplz-cookiebanner .cmplz-body,
.cmplz-cookiebanner .cmplz-message {
	color: var(--fmb-muted) !important;
	font-size: .93rem !important;
	line-height: 1.6 !important;
}

/* ---------- Butonlar: ortak taban ---------- */
.cmplz-cookiebanner .cmplz-buttons { gap: 10px !important; }
.cmplz-cookiebanner .cmplz-btn {
	font-family: var(--fmb-font-body) !important;
	font-size: .92rem !important;
	font-weight: 600 !important;
	letter-spacing: .01em !important;
	line-height: 1.2 !important;
	padding: 12px 22px !important;
	border-radius: 999px !important;
	border: 1px solid transparent !important;
	box-shadow: none !important;
	transition: transform .2s ease, filter .2s ease !important;
	text-decoration: none !important;
}

/* ---------- KABUL ve RET — birebir aynı görünmeli (CNIL) ----------
   Aşağıdaki iki seçici tek blokta tutuluyor ki biri değişip diğeri
   unutulmasın; ayrıştırmak uyum riskidir. */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-btn.cmplz-deny {
	background: var(--fmb-accent) !important;
	color: #fff !important;
	border-color: var(--fmb-accent) !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover {
	filter: brightness(1.07) !important;
	transform: translateY(-1px) !important;
}

/* ---------- Üçüncü seçenekler: tercihler / kaydet — ikincil ---------- */
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	background: var(--fmb-sand) !important;
	color: var(--fmb-charcoal) !important;
	border-color: var(--fmb-line) !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
	background: var(--fmb-sand-2) !important;
	transform: translateY(-1px) !important;
}

.cmplz-cookiebanner .cmplz-btn:focus-visible {
	outline: 3px solid var(--fmb-accent-2) !important;
	outline-offset: 2px !important;
}

/* ---------- Linkler ---------- */
.cmplz-cookiebanner .cmplz-links a,
.cmplz-cookiebanner a.cmplz-link {
	color: var(--fmb-accent-2) !important;
	text-decoration: underline !important;
	text-underline-offset: 2px !important;
	font-size: .88rem !important;
}
.cmplz-cookiebanner .cmplz-links a:hover,
.cmplz-cookiebanner a.cmplz-link:hover { color: var(--fmb-ink) !important; }

/* ---------- Kapat (×) ---------- */
.cmplz-cookiebanner .cmplz-close { color: var(--fmb-muted) !important; }
.cmplz-cookiebanner .cmplz-close:hover { color: var(--fmb-ink) !important; }

/* ---------- Kategori anahtarları (tercih paneli) ---------- */
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
	border-color: var(--fmb-line) !important;
	border-radius: var(--fmb-r) !important;
}
.cmplz-cookiebanner .cmplz-category .cmplz-category-header .cmplz-category-title {
	font-family: var(--fmb-font-body) !important;
	color: var(--fmb-charcoal) !important;
	font-weight: 600 !important;
}
/* Açık anahtar rengi — markanın pirinç tonu */
.cmplz-cookiebanner input[type=checkbox].cmplz-consent-checkbox:checked + .cmplz-label .cmplz-slider,
.cmplz-cookiebanner .cmplz-category-toggle input:checked + .slider {
	background-color: var(--fmb-accent) !important;
}

/* ---------- Yönetim ikonu (köşedeki kalıcı düğme) ---------- */
#cmplz-manage-consent .cmplz-manage-consent {
	font-family: var(--fmb-font-body) !important;
	background: var(--fmb-white) !important;
	color: var(--fmb-charcoal) !important;
	border: 1px solid var(--fmb-line) !important;
	border-radius: 999px 0 0 999px !important;
	box-shadow: var(--fmb-shadow-sm) !important;
	font-size: .84rem !important;
}

@media (prefers-reduced-motion: reduce) {
	.cmplz-cookiebanner .cmplz-btn { transition: none !important; }
	.cmplz-cookiebanner .cmplz-btn:hover { transform: none !important; }
}