/* Mocniejsze wymuszenie układu kolumn pod sobą na mobile/tablet dla login/register */
@media (max-width: 991.98px) {
	.offset-md-1 {
		margin-left: 0% !important;
	}
	.btn-group {
		display: none !important;
	}
	.col-md-1 {
		display: none !important;
	}
	/* Układ pionowy i 100% szerokości dla przycisków/selectów w wynikach wyszukiwania */
	#search-results .row,
	#product-search .row {
		flex-direction: column !important;
		display: flex !important;
	}
	#search-results .row > div,
	#product-search .row > div {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		display: block !important;
	}
	#search-results .row > [class^="col-"],
	#search-results .row > [class*="col-"],
	#product-search .row > [class^="col-"],
	#product-search .row > [class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		display: block !important;
	}
	#display-control .row > div {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		display: block !important;
	}
	#display-control .row {
		flex-direction: column !important;
		display: flex !important;
	}
	#display-control .row > [class^="col-"],
	#display-control .row > [class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		display: block !important;
	}
	.col-md-3.col-lg-4 {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	.col-md-3 {
		width: 0% !important;
		max-width: 0% !important;
		flex: 0 0 0% !important;
	}
	.col-md-5 {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	#account-login .row,
	#account-register .row {
		flex-direction: column !important;
		display: flex !important;
	}
	#account-login .row > .col,
	#account-register .row > .col {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
		display: block !important;
	}
}
/* Responsive stacking for login/register containers on mobile and tablet */
@media (max-width: 991.98px) {
	#account-login .row,
	#account-register .row {
		flex-direction: column !important;
		display: flex !important;
	}
	#account-login [class^="col-"],
	#account-register [class^="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
}

/* Landscape orientation: stosuj te same reguły co w pionie */
@media (max-width: 991.98px) and (orientation: landscape) {
	.featured-module {
		padding-bottom: 80px !important;
	}
	#account-login .row,
	#account-register .row {
		flex-direction: column !important;
		display: flex !important;
	}
	#account-login [class^="col-"],
	#account-register [class^="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	body {
		padding-bottom: 80px !important;
	}
	#product-category {
		padding-bottom: 80px !important;
	}

	/* Wymuszenie, aby wyszukiwarka była pod logiem */
	#logo {
		margin-bottom: 24px !important;
	}
	#search {
		display: block !important;
		width: 100% !important;
		margin: 0 auto 16px auto !important;
		clear: both !important;
		position: relative !important;
		top: 0 !important;
	}
}

@media (max-width: 991.98px) {
	.col-lg-4.offset-lg-1 {
		order: -1 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.col-lg-3 {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 768px) {
	#cart .dropdown-menu li {
		min-width: 100%;
	}
}

@media (max-width: 991.98px) {
	/* Usunięcie strzałek CSS w okruszkach chleba */
	.breadcrumb > li.breadcrumb-item:after {
		display: none !important;
	}
	/* Dodanie separatora '>' po każdej ścieżce z mniejszym odstępem */
	.breadcrumb > li.breadcrumb-item:not(:last-child):after {
		display: inline !important;
		content: " >";
		position: static !important;
		border: none !important;
		background: none !important;
		transform: none !important;
		color: var(--bs-gray-600, #888);
		margin: 0 2px;
		font-weight: normal;
		font-size: 1em;
	}
	.breadcrumb > li.breadcrumb-item {
		padding: 0 2px !important;
	}
}

@media (max-width: 991.98px) {
	#logo h1 {
		display: none !important;
	}
	#logo {
		text-align: center !important;

		position: relative;
	}
	#logo-link {
		display: block;
		width: 120px;
		height: 120px;
		margin: 0 auto;
		background: url("/image/catalog/logo_tara_1996.jpg") no-repeat center
			center;
		background-size: contain;
	}
}

@media (max-width: 991.98px) {
	.list-inline-item {
		padding-right: 10px !important;
	}
}

@media (max-width: 991.98px) {
	.alert,
	.notification,
	.toast {
		max-width: 95vw;
		box-sizing: border-box;
		word-break: break-word;
		overflow-wrap: break-word;
		left: 50%;
		transform: translateX(-50%);
	}
}