/* 1. Блокуємо текст кошика за межами шапки */
.agro-cart-title {
	display: none !important;
}

/* 2. Мобільна шапка */
@media (max-width: 767.98px) {
	nav#top {
		padding: 0 6px !important;
		height: 52px !important;
		min-height: 52px !important;
		overflow: hidden !important;
	}

	/* Рівномірна сітка: лого + 3 кнопки */
	nav#top > .container-fluid,
	nav#top > .container-fluid.d-flex {
		display: grid !important;
		grid-template-columns: auto 1fr 1fr 1.25fr !important;
		align-items: center !important;
		justify-items: stretch !important;
		gap: 5px !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	nav#top .top-left,
	nav#top .agro-mob-nav {
		display: contents !important;
	}

	/* Логотип крайній зліва */
	nav#top #logo,
	nav#top .top-left #logo {
		order: -999 !important;
		position: static !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: auto !important;
		min-width: fit-content !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	nav#top #logo img,
	nav#top .top-left #logo img {
		height: 42px !important;
		max-height: 42px !important;
		width: auto !important;
		max-width: none !important;
		display: block !important;
	}

	/* Огортка кошика */
	nav#top .agro-cart-wrap {
		display: flex !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	/* Базовий вигляд кнопок */
	nav#top .agro-btn,
	nav#top #cart.header-buttons-cart {
		height: 38px !important;
		width: 100% !important;
		padding: 0 4px !important;
		margin: 0 !important;

		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 4px !important;

		background: #ffffff !important;
		border: 1.5px solid #ffffff !important;
		border-radius: 9px !important;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;

		color: #1a4715 !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
		line-height: 1 !important;
		white-space: nowrap !important;
		cursor: pointer !important;
	}

	/* Приховування зайвих стандартних елементів теми */
	nav#top #cart::before,
	nav#top #cart::after,
	nav#top #cart .header-buttons-cart-quantity,
	nav#top #cart .badge,
	nav#top #cart i,
	nav#top #cart .sc-btn-icon,
	nav#top #cart [class*="fa"],
	nav#top #cart span.text-lowercase {
		display: none !important;
		content: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}

	/* Ховаємо рідні SVG теми */
	nav#top #cart svg:not(.agro-cart-ico) {
		display: none !important;
	}

	/* Наш єдиний візок з коліщатками */
	nav#top #cart svg.agro-cart-ico {
		display: block !important;
		width: 15px !important;
		height: 15px !important;
		min-width: 15px !important;
		stroke: currentColor !important;
		fill: none !important;
		margin: 0 !important;
		flex-shrink: 0 !important;
	}

	nav#top #cart svg.agro-cart-ico path,
	nav#top #cart svg.agro-cart-ico circle {
		stroke: currentColor !important;
		stroke-width: 2 !important;
	}

	/* Текст за замовчуванням */
	nav#top #cart .agro-cart-title {
		display: inline-block !important;
		color: currentColor !important;
		font-size: 13px !important;
		line-height: 1 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* =======================================================
	   --- НАПОВНЕНИЙ КОШИК (теракотовий колір) ---
	   ======================================================= */
	nav#top #cart.is-filled,
	nav#top #cart:has(.has-items) {
		border: 2.5px solid #fa0057 !important;
		color: #fa0057 !important;
		box-shadow: 0 1px 5px rgba(194, 65, 12, 0.25) !important;
	}

	nav#top #cart.is-filled .agro-cart-title,
	nav#top #cart:has(.has-items) .agro-cart-title {
		font-weight: 900 !important;
	}

	/* Приховування виключно зайвих кнопок теми */
	nav#top #mobile-menu-button,
	nav#top .header-buttons-mobile,
	nav#top .top-left > button:not(.agro-btn) {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		position: absolute !important;
		left: -9999px !important;
	}
	
	/* Залишаємо штатне прилипання вкладок теми, лише обмежуємо тінь, щоб вона не лізла вгору */
	.sc-product-tabs,
	#oct-tabs.sc-product-tabs {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08) !important;
		-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08) !important;
	}
}