/**
 * Umuda Vuslat — Responsive
 * Breakpoint stratejisi: 1200, 992, 768, 576, 480.
 */

@media (max-width: 1200px) {
	:root {
		--uv-fs-4xl: 2.5rem;
		--uv-fs-3xl: 2.125rem;
		--uv-fs-2xl: 1.75rem;
	}
	.uv-container { padding: 0 var(--uv-space-4); }
}

@media (max-width: 992px) {
	.uv-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.uv-grid--3 { grid-template-columns: repeat(2, 1fr); }
	.uv-footer__columns { grid-template-columns: repeat(2, 1fr); }

	/* ===== Mobile menu (drawer + collapsible) ===== */
	.uv-mobile-toggle { display: inline-flex; }

	.uv-header__nav {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: min(380px, 88vw);
		background: #fff;
		flex-direction: column;
		align-items: stretch;
		padding: 64px 0 28px;
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
		box-shadow: -20px 0 60px -10px rgba(0, 0, 0, 0.15);
		z-index: 100;
	}
	.uv-header__nav.is-open { transform: translateX(0); }

	/* Scrim (arkaplan karartma) */
	body.uv-menu-open::before {
		content: '';
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.45);
		z-index: 90;
		animation: uvMenuScrim 0.32s ease;
	}
	@keyframes uvMenuScrim {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	/* Close (X) butonu */
	.uv-mobile-close {
		display: flex !important;
		position: absolute;
		top: 14px;
		right: 14px;
		width: 40px;
		height: 40px;
		border: 1px solid var(--uv-border);
		border-radius: 50%;
		background: #fff;
		font-size: 26px;
		line-height: 1;
		color: var(--uv-primary);
		cursor: pointer;
		align-items: center;
		justify-content: center;
		transition: background 0.2s ease, transform 0.2s ease;
	}
	.uv-mobile-close:hover { background: var(--uv-bg-alt); transform: rotate(90deg); }

	/* Mobil bağış butonu (drawer içinde) */
	.uv-mobile-donate {
		display: inline-flex !important;
		justify-content: center;
		margin: 18px 20px 0;
	}

	/* Menü listesi */
	.uv-menu {
		flex-direction: column;
		gap: 0;
	}
	.uv-menu li { width: 100%; }
	.uv-menu > li > a,
	.uv-menu a {
		padding: 16px 24px;
		border-bottom: 1px solid var(--uv-border);
		text-transform: none;
		font-size: 16px;
		font-weight: 500;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		background: transparent !important;
		color: var(--uv-primary);
	}
	.uv-menu .menu-item-has-children > a::after {
		content: '+';
		font-size: 22px;
		line-height: 1;
		color: var(--uv-secondary, #c19e61);
		transition: transform 0.25s ease;
		flex-shrink: 0;
		font-weight: 300;
	}
	.uv-menu .menu-item-has-children.is-open > a::after { transform: rotate(45deg); }

	/* Alt menüler — kapalı */
	.uv-menu .sub-menu {
		position: static;
		border: 0;
		box-shadow: none;
		padding: 0;
		background: #fbfaf6;
		display: block;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.32s ease;
	}
	.uv-menu .menu-item-has-children.is-open > .sub-menu {
		max-height: 1200px;
	}
	.uv-menu .sub-menu a {
		padding-left: 44px;
		font-size: 15px;
		color: var(--uv-text, #1a1a1a);
		font-weight: 400;
	}
	.uv-menu .sub-menu a:hover { color: var(--uv-primary); }
	.uv-menu .sub-menu .menu-item-has-children > a::after { content: '+'; }
}

@media (max-width: 768px) {
	:root {
		--uv-fs-4xl: 2.125rem;
		--uv-fs-3xl: 1.875rem;
		--uv-fs-2xl: 1.5rem;
		--uv-fs-xl: 1.25rem;
		--uv-header-height: 72px;
	}
	.uv-section { padding: var(--uv-space-8) 0; }
	.uv-grid--4, .uv-grid--3, .uv-grid--2 { grid-template-columns: 1fr; }
	.uv-footer__columns { grid-template-columns: 1fr; }
	.uv-footer__bottom { flex-direction: column; text-align: center; }
	.uv-topbar__inner { justify-content: center; text-align: center; }
	.uv-header__brand img { max-height: 48px; }
}

@media (max-width: 576px) {
	.uv-container { padding: 0 var(--uv-space-3); }
	.uv-btn { padding: 0.75rem 1.25rem; font-size: var(--uv-fs-sm); }
	.uv-btn--lg { padding: 0.875rem 1.5rem; font-size: var(--uv-fs-base); }
	.uv-page-header { padding: var(--uv-space-7) 0 var(--uv-space-5); }
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
	html { scroll-behavior: auto; }
}

/* iOS Safari notch desteği */
@supports (padding: env(safe-area-inset-bottom)) {
	.uv-whatsapp-float {
		bottom: calc(24px + env(safe-area-inset-bottom));
	}
	.uv-back-to-top {
		bottom: calc(24px + env(safe-area-inset-bottom));
	}
}

/* Touch hedefleri minimum 44x44 px (WCAG AA) */
@media (pointer: coarse) {
	.uv-btn,
	.uv-menu a,
	.uv-mobile-toggle,
	button {
		min-height: 44px;
	}
}

/* Yüksek kontrast modu */
@media (prefers-contrast: more) {
	:root {
		--uv-text: #000;
		--uv-bg: #fff;
		--uv-border: #000;
	}
	.uv-card, .uv-bank-card, .uv-team-card {
		border-width: 2px !important;
	}
}

/* Karanlık mod (gelecekte etkinleştirmek için hazır) */
/*
@media (prefers-color-scheme: dark) {
	:root {
		--uv-bg: #0c1f1b;
		--uv-bg-alt: #15302b;
		--uv-text: #e8eded;
		--uv-text-muted: #9aabaa;
		--uv-border: #2a4540;
	}
}
*/

/* Print özet */
@media print {
	.uv-no-print { display: none !important; }
}
