/* Sağdan açılan paneller (sepet + giriş): yükseklik, kaydırma, katman, dokunma alanı.
 * JS tarafı: assets/js/sb-panels.js. Yüklenme: inc/giris_tek_adim.php (herkese). */

/* ⛔ 100vh DEĞİL 100dvh. inc/bundle_discount.php sepet panelini `max-height:100vh`
   ile sınırlıyor; iOS Safari'de 100vh adres çubuğu gizlenmiş haldeki (büyük)
   yüksekliktir, panelin altı (Toplam + Ödeme düğmesi) çubuğun arkasında kalıyordu.
   Mobilde düğmelerin altındaki 40px boşluk bu yüzden eklenmişti; dvh destekleyen
   tarayıcıda gerçek yüksekliğe + güvenli alana çekilir. */
@supports (height: 100dvh) {
	#cart-panel.offscreen-panel,
	#login-panel.offscreen-panel { height: 100dvh; }
	#cart-panel.offscreen-panel .panel,
	#login-panel.offscreen-panel .panel {
		height: 100dvh !important;
		max-height: 100dvh !important;
	}
	@media (max-width: 767px) {
		#cart-panel.offscreen-panel .widget_shopping_cart_content .buttons {
			margin-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
		}
	}
}

/* Panel içinde kaydırma sayfaya taşmasın (iOS'ta body overflow:hidden yetmiyor). */
#cart-panel .panel-content,
#login-panel .panel-content,
#cart-panel .widget_shopping_cart_content > .woocommerce-mini-cart {
	overscroll-behavior: contain;
}

/* WhatsApp düğmesi (z 9999) panelin (z 1600) ÜSTÜNDE kalıp mobilde "Ödeme"
   düğmesini örtüyordu. Filtre paneli de aynı şekilde gizliyor
   (inc/product_filter_customizations.php). */
body.cart-panel-opened #sb-whatsapp-btn,
body.login-panel-opened #sb-whatsapp-btn {
	display: none !important;
}

/* Klavye odağı görünsün. */
.offscreen-panel .button-close:focus-visible,
#cart-panel .woocommerce-mini-cart-item a:focus-visible,
#cart-panel .woocommerce-mini-cart__buttons .button:focus-visible {
	outline: 2px solid #111 !important;
	outline-offset: 2px !important;
}

/* Ürün kaldır (x): simge ~12px'ti, parmakla isabet zordu. Görünüm aynı, dokunma alanı 40x40. */
#cart-panel .woocommerce-mini-cart-item > a.remove {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	top: 0 !important;
	right: -12px !important;
}
#cart-panel .woocommerce-mini-cart-item__summary {
	padding-right: 30px !important;
}

/* Boş sepet: mağazaya dönüş (inc/giris_tek_adim.php, woocommerce_after_mini_cart). */
#cart-panel .sb-mini-bos { margin: 20px 0 0; text-align: center; }
#cart-panel .sb-mini-bos__dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	height: 48px;
	padding: 0 24px;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font: 600 15px/1 'Montserrat', Arial, sans-serif;
	text-decoration: none;
}
#cart-panel .sb-mini-bos__dugme:hover { background: #333; border-color: #333; color: #fff; }