/*
 * Complianz çerez bandı, tercih paneli ve engellenen içerik yer tutucusu —
 * sitenin diline uyarlama.
 *
 * Renk, köşe ve metinler Complianz ayarlarındadır (kurulum betiği:
 * project-files/tooling/kurulum/complianz-bant.php). Burada yerleşim ve
 * `.dj-cta` düğme dili verilir. Seçiciler `#cmplz-cookiebanner-container`
 * ile başlar: Complianz'ın üretilmiş stilinden (uploads/complianz/css)
 * yükleme sırasından bağımsız olarak güçlüdür.
 *
 * Bant: masaüstünde metin solda, üç eşit düğme sağda tek satır; mobilde
 * başlık gizli, düğmeler yan yana üç eşit sütun (ekranın ≤ %25'i).
 */

#cmplz-cookiebanner-container .cmplz-cookiebanner {
	--dj-cmplz-gap: var(--dj-space-12);

	font-family: var(--dj-font);
	color: var(--dj-ink);
	box-shadow: var(--dj-shadow-lg);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
	font-size: var(--dj-fs-18);
	font-weight: var(--dj-fw-semibold);
	line-height: var(--dj-lh-snug);
	color: var(--dj-ink);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
	font-size: var(--dj-fs-16);
	line-height: var(--dj-lh-normal);
	color: var(--dj-ink-700);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider {
	display: none;
}

/* Belge bağlantıları (Çerez Politikası, Gizlilik Politikası). */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-documents ul {
	gap: var(--dj-space-16);
	margin: 0;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link {
	font-size: var(--dj-fs-14);
	font-weight: var(--dj-fw-medium);
	color: var(--dj-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Düğmeler: `.dj-cta` dili — siyah hap, beyaz metin; üçü birebir aynı. */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
	gap: var(--dj-cmplz-gap);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	flex: 1 1 0;
	min-width: 0;
	height: auto;
	min-height: 44px;
	margin: 0;
	padding: 0 var(--dj-space-16);
	border: 1px solid var(--dj-ink);
	border-radius: var(--dj-radius-pill);
	background: var(--dj-ink);
	color: var(--dj-white);
	font-family: var(--dj-font);
	font-size: var(--dj-fs-16);
	font-weight: var(--dj-fw-semibold);
	line-height: 1;
	white-space: nowrap;
	transition: background-color var(--dj-transition), color var(--dj-transition);
}

@media (hover: hover) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
		background: var(--dj-white);
		color: var(--dj-ink);
		text-decoration: none;
	}
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:focus-visible,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle:focus-visible,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:focus-visible {
	outline: 2px solid var(--dj-focus);
	outline-offset: 2px;
}

/* Kategoriler (Tercihler görünümü). */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category {
	border-radius: var(--dj-radius-sm);
	background: var(--dj-surface);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-category-title {
	font-size: var(--dj-fs-16);
	font-weight: var(--dj-fw-semibold);
	color: var(--dj-ink);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-always-active {
	font-size: var(--dj-fs-14);
	color: var(--dj-muted);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-description {
	font-size: var(--dj-fs-14);
	line-height: var(--dj-lh-normal);
	color: var(--dj-ink-700);
}

/* --- Masaüstü: tek satır bant, kap genişliğinde --- */

@media (min-width: 1024px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-column-gap: var(--dj-space-40);
		row-gap: var(--dj-space-4);
		align-items: center;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: var(--dj-space-20) max(var(--dj-page-padding), calc((100% - var(--dj-container)) / 2));
		border-radius: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom .cmplz-header {
		display: block;
		grid-column: 1;
		grid-row: 1;
		text-align: start;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom .cmplz-header .cmplz-title {
		display: block;
		justify-self: start;
		margin: 0;
		text-align: start;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom .cmplz-body {
		display: block;
		grid-column: 1;
		grid-row: 2;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom .cmplz-links.cmplz-documents {
		grid-column: 1;
		grid-row: 3;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom .cmplz-buttons {
		grid-column: 2;
		grid-row: 1 / span 3;
		flex-direction: row;
		align-self: center;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom .cmplz-buttons .cmplz-btn {
		width: 150px;
		min-width: 150px;
	}

	/* Tercihler açıkken kategoriler metnin altında üç sütun; düğmeler sağda kalır. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom.cmplz-categories-visible .cmplz-buttons {
		flex-direction: row;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom .cmplz-categories.cmplz-fade-in {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--dj-cmplz-gap);
		width: 100%;
		margin-top: var(--dj-space-12);
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom .cmplz-categories .cmplz-category {
		margin: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom.cmplz-categories-visible .cmplz-body > div {
		width: auto;
	}
}

/* --- Tablet ve mobil --- */

@media (max-width: 1023px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom {
		margin: 0;
		width: 100%;
		border-radius: 0;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
		flex-direction: row;
	}
}

@media (max-width: 767px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-bottom {
		row-gap: 10px;
		padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
	}

	/* Başlık bant yüksekliğini artırmasın; ekran okuyucuya açık kalır. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message {
		margin: 0;
		line-height: var(--dj-lh-snug);
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons {
		gap: 8px;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		width: auto;
		padding: 0 8px;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-documents {
		margin: 0;
	}

	/* Tercih görünümü kaydırılabilir; bant ekranın tamamını kaplamaz. */
	#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-body {
		max-height: 50vh;
		overflow-y: auto;
	}
}

/* --- Engellenen içerik (Google Haritalar) --- */

.dj-location__map .cmplz-placeholder-parent.cmplz-blocked-content-container {
	display: grid;
	place-items: center;
	min-height: 100%;
	background-image: none;
	background-color: var(--dj-surface);
}

.dj-location__map .cmplz-blocked-content-container .cmplz-blocked-content-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: min(440px, calc(100% - 32px));
	min-height: 44px;
	padding: 12px var(--dj-space-24);
	border: 1px solid var(--dj-ink);
	border-radius: var(--dj-radius-md);
	background: var(--dj-ink);
	color: var(--dj-white);
	font-family: var(--dj-font);
	font-size: var(--dj-fs-16);
	font-weight: var(--dj-fw-semibold);
	line-height: var(--dj-lh-snug);
	cursor: pointer;
	transition: background-color var(--dj-transition), color var(--dj-transition);
}

@media (hover: hover) {
	.dj-location__map .cmplz-blocked-content-container .cmplz-blocked-content-notice:hover {
		background: var(--dj-white);
		color: var(--dj-ink);
	}
}

.dj-location__map .cmplz-blocked-content-container .cmplz-blocked-content-notice:focus-visible {
	outline: 2px solid var(--dj-focus);
	outline-offset: 2px;
}