/* MOD SUB ITEMS MENU  ***************************************************************/
.mod_subitems a {
	color: #a12f10 !important;
	text-decoration: underline !important;
	font-size: 1.2em;
}

.mod_subitems a:hover {
	color: #a12f10;
	text-decoration: none !important;
}

/* PHOCA CART ***************************************************************/
.ph-cart-module-box .btn-outline-secondary {
	/*border: 3px solid red;*/
	/*color: #a12f10 !important;*/
	color: #6bb30d !important;
	font-weight: bold;
	font-size: 1.3em;
	border: none;
}

.ph-cart-small-title {
	font-weight: bold;
	font-size: 1.3em;
}

.ph-cart-small-quantity {
	font-weight: bold;
	font-size: 1.3em;
}

button.btn.btn-outline-secondary.dropdown-toggle:hover {
	background-color: transparent;
}

.ph-cart-module-box .btn-outline-secondary::before {
	content: "🧺";
	font-size: 40px;
	color: #d3d3d3;
	position: absolute;
	top: 30%; /* Center vertically */
	left: 50%; /* Center horizontally */
	transform: translate(-50%, -50%); /* Fine-tune centering */
	z-index: 0; /* Ensure it's behind the div's content */
	opacity: 0.3; /* Make it transparent like a background watermark */
	/* Optional: Prevent the symbol from being selectable */
	user-select: none;
	pointer-events: none;
}

@media ( max-width : 1210px) {
	.ph-cart-module-box .btn-outline-secondary {
		/* position: relative;*/
		/*left: 16px !important;*/
		display: none;
	}
}

.ph-checkout-cart-title {
	font-weight: bold;
}

.ph-cart-module-box .dropdown-menu {
	min-width: 600px;
	padding: 40px;
}

.ph-small {
	font-size: 1em !important;
}

.ph-btn {
	border-radius: 6px !important;
	margin-left: 15px !important;
}

.btn-success {
	background: #6bb30d;
	border: none;
}

.btn-danger {
	/* background: #a12f10; */
	border: none;
}

.ph-alert-small {
	margin-top: 20px !important;
	padding: 10px !important;
	font-size: 1em !important;
}

.ph-input-quantity {
	min-width: 30px !important;
}

.ph-button-view-product-box {
	display: none !important;
}

.ph-button-add-to-cart-box .ph-btn {
	padding: 10px;
}

@media ( max-width : 800px) {
	/* 1. Vynutit skládání položek košíku */
	/*
      Cílí na všechny sloupce v řádku položky košíku (.ph-checkout-cart-row-item),
      které obsahují nějakou 'col-' třídu.
    */
	.ph-checkout-cart-row-item div[class*="col-"] {
		/* Vynutí, že prvek zabere celou šířku */
		width: 100% !important;
		/* Zruší flexboxové vlastnosti, které ho drží v řadě (možná nutné pro starší Bootstrap) */
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 10px;
	}

	/* 2. Skrýt hlavičku košíku */
	.ph-checkout-cart-row-header {
		display: none !important;
	}
	.ph-input-quantity {
		max-width: 70px !important;
	}
	.ph-button-add-to-cart-box {
		/*margin-top: 20px;*/
		
	}
}
/* CONVERT FORMS ***************************************************************/
.convertforms {
	min-width: 100%;
	display: flex;
	justify-content: center;
	/*border: 3px solid #efefef;*/
	border-radius: 10px;
}

.cf-btn {
	background: #a12f10 !important;
	border-radius: 6px !important;
}

/* LOGO ***************************************************************/
@media ( min-width : 1211px) {
	#sp-header-topbar .row {
		display: flex;
		justify-content: space-between;
	}
	#sp-contact {
		display: none;
	}
	#sp-logo {
		position: relative;
		left: 50px;
	}
}

.logo {
	min-width: 300px;
	text-align: left;
}

/*
.logo a {
	display: block;
	text-decoration: none;
	font-size: 2.3em;
	font-weight: bold;
	font-family: Dekko;
	text-decoration: none;
}
*/
@media ( max-width : 1210px) {
	.logo-image {
		height: 100px !important;
	}
	.close-offcanvas {
		top: 10px;
		right: 20px !important;
	}
	.offcanvas-menu .logo-image {
		position: relative;
		left: -13px !important;
	}
}

/* HEADER ***************************************************************/
.body-innerwrapper {
	box-shadow: none !important;
	/*border: 2px solid red;*/
}

#sp-header-topbar .container-inner {
	border: 0;
}

#sp-header {
	border-radius: 6px 6px 0 0;
}

/* * ----------------------------------------------------------------------
 * MENU BREAKPOINT (MOBILE-TABLET/DESKTOP SWITCH)
 * ----------------------------------------------------------------------
 */
@media ( max-width : 1210px) {
	.sp-megamenu-wrapper a#offcanvas-toggler {
		display: none !important;
	}
	.sp-header-desktop {
		display: none !important;
	}
	.sp-header-mobile {
		display: block !important;
	}
	#offcanvas-toggler {
		display: flex !important;
	}
	.sp-megamenu-parent {
		display: none !important;
	}
	.helix-header-row .sp-column {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	#sp-header {
		height: auto !important;
	}
	#sp-header-topbar {
		display: none;
	}
}

@media ( min-width : 1211px) {
	.sp-header-desktop {
		display: block !important;
	}
	.sp-header-mobile {
		display: none !important;
	}
	#offcanvas-toggler {
		display: none !important;
	}
	.sp-megamenu-parent {
		display: block !important;
	}
}

/* * ----------------------------------------------------------------------
 * STICKY HEADER BREAKPOINTS (MOBILE/TABLET/DESKTOP SWITCH)
 * ----------------------------------------------------------------------
 */

/* 1. MOBILE ZONE: Sticky ON (<= 600px) */
@media ( max-width : 600px) {
	/* Target the logo within the sticky header on mobile */
	#sp-header.header-sticky .logo {
		/* Hide the entire logo area when scrolling */
		display: none !important;
	}

	/* Set header to be sticky/fixed */
	#sp-header {
		/*position: fixed !important;*/
		/* position: relative !important;*/
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		z-index: 999; /* Ensure it stays on top */
	}
}

/* 2. TABLET/MID-RANGE ZONE: Sticky OFF (601px to 1210px) */
@media ( min-width : 601px) and (max-width: 1210px) {
	/* Force mobile view elements (header, menu toggler) to show */
	.sp-header-desktop {
		display: none !important;
	}
	.sp-header-mobile {
		display: block !important;
	}

	/* Disable sticky header in this range */
	#sp-header {
		position: relative !important; /* Non-sticky */
		top: auto !important;
	}

	/* Remove the extra padding from the body/wrapper */
	body {
		padding-top: 0 !important;
	}

	/* Remove any unnecessary sticky classes */
	.sticky-header-active body {
		padding-top: 0 !important;
	}
}

/* 3. DESKTOP ZONE: Sticky ON (>= 1211px) */
@media ( min-width : 1211px) {
	/* Ensure desktop header shows */
	.sp-header-desktop {
		display: block !important;
	}
	.sp-header-mobile {
		display: none !important;
	}

	/* Ensure sticky header is ON (reverts to Helix default fixed position) */
	/* NO CSS NEEDED HERE IF STICKY IS ENABLED IN TEMPLATE OPTIONS. */
	/* We only include the non-sticky fix if needed for the toggler visibility */
	#offcanvas-toggler {
		display: none !important;
	}
	.sp-megamenu-parent {
		display: block !important;
	}
}

/* FOOTER ***************************************************************/
#sp-footer {
	margin-top: 20px;
	border-radius: 10px;
	font-family: arial;
	color: #252525;
}

#sp-footer a {
	color: #a12f10;
}

#sp-footer:hover a {
	color: #a12f10;
}

.sp-copyright {
	font-size: 0.9em;
}

ul.social-icons {
	margin-top: 10px;
}

@media ( max-width : 575px) {
	/* Keep these footer/social icon styles for very small screens */
	ul.sp-contact-info {
		width: 100%;
		text-align: center;
	}
	ul.social-icons {
		width: 100%;
		margin: 10px;
		text-align: center;
	}
	.sp-copyright {
		display: block;
		text-align: center;
		font-size: 0.9em;
		/*border: 2px solid red;*/
	}
	#sp-footer-ekovychova {
		margin-top: 15px;
	}
}

/* BODY ***************************************************************/
.sp-page-title {
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 20px;
	background: none;
	margin-bottom: 20px;
}

.sp-page-title h1 {
	color: #252525 !important;
}

/* BODY ***************************************************************/
#sp-main-body {
	padding: 0;
}

#sp-main {
	padding: 20px;
	/*border: 2px solid red;*/
}

form, div.login {
	font-family: arial;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h2 a {
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

li.sp-menu-item a:hover {
	text-decoration: underline !important;
}

h1, h2 {
	font-weight: bold;
}

nav.mod-breadcrumbs__wrapper {
	box-shadow: none;
}

.mod-breadcrumbs {
	background: #ffffff !important;
	border-radius: 10px;
	padding-bottom: 3px !important;
}

.breadcrumb-item {
	font-size: 0.9em;
	font-family: Arial, sans-serif;
}

main#sp-main {
	margin-top: 5px;
	padding-top: 5px;
}

.signin-text, .sp-profile-dropdown-item {
	font-size: 0.8em;
	font-family: Arial, sans-serif;
}

.share-container {
	width: 100%;
}

.socialshare-buttons {
	width: 100%;
	display: flex;
	justify-content: center;
}

.btn {
	color: #ffffff !important;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

.btn:hover {
	opacity: 0.8;
}

/* MOD-FINDER ***************************************************************/
.mod-finder {
	font-size: 0.8em;
	font-family: Arial, sans-serif;
}

.mod-finder input {
	font-size: 1em;
	font-family: Arial, sans-serif;
}

/* SPPB ***************************************************************/
.sppb-button-wrapper a {
	text-decoration: none;
}

/* ARTICLES ***************************************************************/
.link-edit-article {
	color: #ffffff !important;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

.article-can-edit a:hover {
	opacity: 0.8;
}

.article-can-edit a {
	color: #ffffff !important;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

/* iCagenda */
.ic-date-vertical {
	list-style-type: none !important;
}

#dropdownAddToCal {
	background: #e6fad2;
	border: none;
	color: #888888 !important;
}