/* MB Çikolata — mağaza (shop/ürün/sepet/ödeme) sayfalarında gösterilen, çerez uyarısı
   tarzında minimal "bu bir demo mağaza" bildirimi. Marka renkleri products-page.css /
   admin-chrome.css ile aynı: --mbc-gold #c19f5f ailesi, koyu kakao zemin. */

#mbc-demo-notice {
	position: fixed;
	/* The theme's own "scroll to top" arrow (.lte-go-top: bottom:30px; right:30px;
	   50x50) sits in this exact corner too and only appears once you've scrolled —
	   easy to miss when only checking the notice at page-load scroll position (which
	   is how this was first shipped). right:100px clears it with a real margin,
	   verified with an actual rect-intersection check, not a visual glance, across
	   600–1440px. */
	right: 100px;
	bottom: 20px;
	z-index: 99998; /* #wpadminbar (99999) altında kalır, ama sitenin geri kalanının üstünde */
	max-width: 340px;
	background: #1b120d;
	border: 1px solid #c19f5f;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
	padding: 18px 20px 16px;
	font-family: 'Mulish', Arial, sans-serif;
	color: #f1ece5;
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.35s ease, transform 0.35s ease;
	pointer-events: none;
}

#mbc-demo-notice.mbc-visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

#mbc-demo-notice .mbc-demo-notice-close {
	position: absolute;
	top: 8px;
	right: 10px;
	background: none;
	border: none;
	color: #c19f5f;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	padding: 4px;
}

#mbc-demo-notice .mbc-demo-notice-close:hover {
	color: #e2b239;
}

#mbc-demo-notice .mbc-demo-notice-title {
	font-family: 'Cormorant', Georgia, serif;
	font-weight: 400;
	font-size: 19px;
	color: #c19f5f;
	margin: 0 22px 6px 0;
	letter-spacing: 0.3px;
}

#mbc-demo-notice .mbc-demo-notice-text {
	font-size: 13px;
	line-height: 1.55;
	color: #d9d1c7;
	margin: 0 0 12px;
}

#mbc-demo-notice .mbc-demo-notice-actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

#mbc-demo-notice .mbc-demo-notice-contact {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #1b120d;
	background: #c19f5f;
	border-radius: 20px;
	padding: 8px 16px;
	text-decoration: none;
	transition: background 0.2s ease;
}

#mbc-demo-notice .mbc-demo-notice-contact:hover {
	background: #e2b239;
	color: #1b120d;
}

#mbc-demo-notice .mbc-demo-notice-dismiss {
	font-size: 12px;
	color: #8a7f74;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	text-decoration: underline;
}

#mbc-demo-notice .mbc-demo-notice-dismiss:hover {
	color: #d9d1c7;
}

/*
 * Mobile bottom-of-viewport traffic jam: on a narrow screen this page can have FOUR
 * independent fixed-position elements fighting for the same corner —
 *   - #gt_float_wrapper   the theme's GTranslate language switcher, bottom-LEFT, ~53px
 *                          tall, z-index 999999 (always wins visually).
 *   - .lte-sidebar-filter  the theme's own toggle for the WooCommerce sidebar
 *                          (Sepetim/cart, categories, price filter) below its 1199px
 *                          breakpoint — also bottom-LEFT by default (style.css).
 *   - .lte-go-top          the theme's scroll-to-top arrow, bottom-RIGHT.
 *   - #mbc-demo-notice     this notice.
 * User caught the GTranslate/sidebar-filter pair overlapping right after adding an item
 * to the cart (that toggle is the only way to reach "Sepetim" on a narrow screen).
 * Rather than stack all four in the same corner and fine-tune four offsets against each
 * other, #mbc-demo-notice is kept right-anchored and narrow on mobile (not stretched
 * edge-to-edge) specifically so it never reaches into the bottom-LEFT corner those two
 * theme/plugin elements occupy — it only has to clear .lte-go-top, which is small and
 * already on the right. Verified with an actual rect-intersection check (not just a
 * visual glance) across all four elements simultaneously, post add-to-cart, at 320/375/
 * 480px widths.
 */
@media (max-width: 480px) {
	#mbc-demo-notice {
		right: 10px;
		/* -50px (not -20px) keeps the card's LEFT edge past x=34 — the right edge of
		   .lte-sidebar-filter — even at a 320px viewport; verified via an automated
		   rect-intersection check, not eyeballed (see the comment above). */
		max-width: min(300px, calc(100vw - 50px));
		bottom: 80px; /* clears .lte-go-top (~25–65px from the bottom) */
	}
}

@media (max-width: 1199px) {
	.lte-sidebar-filter {
		bottom: 80px !important; /* clears #gt_float_wrapper (~20–73px from the bottom) */
	}
}

/**
 * Small "no account yet? contact us" note on the checkout page's login gate (see
 * frontend-shop.php's woocommerce_before_checkout_form hook) — this site has no
 * self-registration, so a first-time visitor needs a real next step, not just
 * WooCommerce's bare "you must be logged in" sentence.
 */
.mbc-checkout-no-account {
	margin: 4px 0 24px;
	padding: 14px 18px;
	background: rgba(193, 159, 95, 0.08);
	border: 1px solid rgba(193, 159, 95, 0.35);
	border-radius: 8px;
	font-size: 13px;
	color: #d9d1c7;
}

.mbc-checkout-no-account a {
	color: #c19f5f;
	font-weight: 700;
	text-decoration: underline;
}

.mbc-checkout-no-account a:hover {
	color: #e2b239;
}