/* ==========================================================
   DGO Çerez Bildirimi
   Renkler ve köşe yuvarlaklığı DGO Paneli'nden gelen
   satır içi CSS değişkenleriyle ayarlanır.
   ========================================================== */

.dgo-cookie {
	position: fixed;
	box-sizing: border-box;
	z-index: 99999; /* sabit header (9999) dahil her şeyin üstünde */
	width: min(420px, calc(100vw - 32px));
	background: var(--dgo-cookie-bg, #fff) !important;
	border-radius: var(--dgo-cookie-radius, 16px);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.32s ease, transform 0.32s ease;
	pointer-events: none;
}

.dgo-cookie.is-visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/* Kapanış animasyonu bitene kadar görünür kalsın diye
   hidden yerine sınıf kullanılır; JS kapanışta hidden ekler. */
.dgo-cookie[hidden] {
	display: none;
}

/* ---------- Konumlar ---------- */
.dgo-cookie--bottom-left {
	left: 24px;
	bottom: 24px;
}

.dgo-cookie--bottom-right {
	right: 24px;
	bottom: 24px;
}

.dgo-cookie--bottom-center {
	left: 50%;
	bottom: 24px;
	transform: translate(-50%, 16px);
}

.dgo-cookie--bottom-center.is-visible {
	transform: translate(-50%, 0);
}

/* ---------- İçerik ---------- */
.dgo-cookie__inner {
	padding: 22px 24px 20px;
}

.dgo-cookie .dgo-cookie__title {
	margin: 0 0 8px !important;
	padding: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: var(--dgo-cookie-title, #111) !important;
}

.dgo-cookie .dgo-cookie__text {
	margin: 0 0 18px !important;
	padding: 0 !important;
	font-size: 13.5px !important;
	line-height: 1.65 !important;
	color: var(--dgo-cookie-text, #5f5f5b) !important;
}

.dgo-cookie .dgo-cookie__link,
.dgo-cookie .dgo-cookie__link:hover,
.dgo-cookie .dgo-cookie__link:visited {
	color: inherit !important;
	background: none !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	text-underline-offset: 2px;
}

.dgo-cookie .dgo-cookie__link:hover {
	opacity: 0.75;
}

/* ---------- Butonlar ---------- */
.dgo-cookie__actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

/* Reddet kapalıysa tek buton tam genişlik olur */
.dgo-cookie__actions:not(:has(.dgo-cookie__btn--reject)) {
	grid-template-columns: 1fr;
}

/* Tema/eklenti buton stillerini HER durumda ez.
   Temalar button etiketine kendi marka renklerini dayattığı için
   renkler !important ile sabitlenir. */
.dgo-cookie button.dgo-cookie__btn,
.dgo-cookie button.dgo-cookie__btn:hover,
.dgo-cookie button.dgo-cookie__btn:focus,
.dgo-cookie button.dgo-cookie__btn:focus-within,
.dgo-cookie button.dgo-cookie__btn:active,
.dgo-cookie button.dgo-cookie__btn:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	padding: 13px 18px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;
	background-image: none !important;
	box-shadow: none !important;
	outline: 0 !important;
	text-shadow: none !important;
	text-transform: none !important;
	text-decoration: none !important;
	letter-spacing: normal !important;
	font-family: inherit !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	transform: none !important;
	transition: opacity 0.2s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.dgo-cookie button.dgo-cookie__btn--accept,
.dgo-cookie button.dgo-cookie__btn--accept:hover,
.dgo-cookie button.dgo-cookie__btn--accept:focus,
.dgo-cookie button.dgo-cookie__btn--accept:active,
.dgo-cookie button.dgo-cookie__btn--accept:visited {
	background: var(--dgo-cookie-accept-bg, #111) !important;
	background-color: var(--dgo-cookie-accept-bg, #111) !important;
	color: var(--dgo-cookie-accept-color, #fff) !important;
}

.dgo-cookie button.dgo-cookie__btn--reject,
.dgo-cookie button.dgo-cookie__btn--reject:hover,
.dgo-cookie button.dgo-cookie__btn--reject:focus,
.dgo-cookie button.dgo-cookie__btn--reject:active,
.dgo-cookie button.dgo-cookie__btn--reject:visited {
	background: transparent !important;
	background-color: transparent !important;
	color: var(--dgo-cookie-reject-color, #111) !important;
	box-shadow: inset 0 0 0 1px currentColor !important;
	opacity: 0.85;
}

.dgo-cookie button.dgo-cookie__btn:hover {
	opacity: 0.7;
}

.dgo-cookie button.dgo-cookie__btn:focus-visible {
	outline: 2px solid var(--dgo-cookie-accept-bg, #111) !important;
	outline-offset: 2px !important;
}

/* ---------- Mobil ---------- */
@media (max-width: 600px) {
	.dgo-cookie,
	.dgo-cookie--bottom-left,
	.dgo-cookie--bottom-right,
	.dgo-cookie--bottom-center {
		left: 12px;
		right: 12px;
		bottom: 12px;
		width: auto;
		transform: translateY(16px);
	}

	.dgo-cookie.is-visible {
		transform: translateY(0);
	}

	.dgo-cookie__inner {
		padding: 18px 18px 16px;
	}

	.dgo-cookie__title {
		font-size: 15px;
	}

	.dgo-cookie__text {
		font-size: 13px;
		margin-bottom: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dgo-cookie {
		transition: none !important;
	}
}