/**
 * Footer
 */
footer.page-footer{
	div.footer-links-company{
		background-color: white;
	}

	div.copyright{
		float: left;
	}

	div.copyright span{
		font-size: 1.1em;
    	margin-top: .25em;
	}

	div.payment img{
		width: 30em;
		border-radius: 5px;
	    border: 1px solid #e4e4e4;
	    padding-top: 0.5em;
	    padding-bottom: 0.5em;
	    padding-left: 1em;
	    padding-right: 1em;
	}

	div.block-footer-bottom{
		div.col-custom-footer-1{
			margin-bottom: 2em;
		}

		ul.bullet{
			list-style: disc;
		    list-style-position: outside;
		    padding-left: 20px;
		}
	}

	div.header-logo{
	    filter: grayscale(100%) brightness(0.3);
    	margin-bottom: 2em;
	}

	div.hotline{
		p.label{
			color: #999;
			font-size: 1.25em;
		}

		p.phone{
			color: #999;
		    font-size: 1.8em;
		    font-weight: bold;
		    margin-top: 10px;
		}
	}

	div.page-footer-social{
		a span{
			line-height: 0.8;
		}
	}
}

/**
 * Header
 */
header.page-header{
	form.form-search{
		border-radius: 5px;
    	border: 2px solid #000000;
	}

	form.form-search{
		button.search{
			height: 38px;
		    margin-top: 0px;
		    padding: 0;
		    border: none;
		    border-radius: 4px;
		    border-top-left-radius: 0;
		    border-bottom-left-radius: 0;
		    background: linear-gradient(0deg, #f0c049 0%, #fbdd99 100%);

		    i{
		    	font-size: 1.3em; 
		    	line-height: 2em;
		    }
		}

		button.search:hover{
			background: linear-gradient(0deg, #fbdd99 0%, #f0c049 100%);
		}

		button.search span:hover{
			color: #333333;
		}

		span#select-box-category {
			cursor: pointer;
		}

		div.catalogsearch-box{
			background: #e6e6e6;
		    margin-bottom: 0;
		    padding-bottom: 0;
		    height: 38px;
		    border-radius: 4px;
		    border-top-right-radius: 0;
		    border-bottom-right-radius: 0;
		}

		span#select-box-category{
			color: #0f1111;
		}

		ul.dd-container{
			overflow-y: auto;
			overflow-x: hidden;
		}
	}

	div#minicart-content-wrapper{
		div.actions:has(.viewcart){
			margin-top: -.25em;
			margin-bottom: 1em;
		}

		a.delete{
			color: unset;
		}

		a.delete::before{
			content: "";
		}

		p.delete{
		    display: inline-block;
    		font-size: 0.9em;
		}

		strong.subtitle.empty{
			font-size: 1.25em;
		}
	}

	div.block-minicart{
    	max-height: 580px !important;
	}

	div[data-element=main]:has(.capped-delivery){
	    position: sticky;
	    bottom: 0;
	    z-index: 10;
	}

	div.vmagicmenu{
		cursor: pointer;
		outline: none;
    	display: inline-block;

		ul.vmagicmenu-narrow{
			position: static !important;
			overflow-y: scroll;
			direction: rtl;
			max-height: 500px;
			scrollbar-color: #e47911 #f1f1f1;
		}

		ul.vmagicmenu-narrow > li:nth-child(n+12){
			display:block;
		}

		ul.vmagicmenu-narrow > li.all-cat{
			display: none !important;
		}

		li.level0:hover div.level-top-mega{
			max-height: 500px;
			overflow-y: auto;
			scrollbar-width: thin;
			margin-left: -2px;
			scrollbar-color: #e47911 #f1f1f1;
		}

		li.level0{
			div.level-top-mega{
				li.children{
					ul{
						max-height: 300px;
						overflow-y:auto;
						scrollbar-width: thin;
					}

					a{
						margin-left: 1em;
					}
				}
			}
		}

		&:has(div.block-vmagicmenu-content ul.nav-desktop.vmagicmenu-narrow[style*="display: block"]) {
			.block-title.block-title-vmagicmenu.v-title {
				strong {
					span.vmagicmenu-subtitle::after {
						content: "✖";
						margin-left: 1.2em;
						font-size: 1.3em;
					}	
				}
			}
		}
	}

	div.header-bottom{
		border-bottom: 1px solid #e6e6e6;
	}

	div.header-hotline{
	    display: flex;
	    color: white;
	    float: inline-end;
	    font-size: 1.1em;
	    border: 1px solid #e6e6e6;
	    padding: .3em;
	    border-radius: 0.5em;
	    margin-top: .25em;
	}
}

/**
 * Extra components
 */

button, .additional-button{
	padding: 0 15px;
    line-height: 35px;
    display: inline-block;
    border-radius: 3px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
}

button a:hover, .additional-button a:hover{
	color: white !important;
}

button a:focus, .additional-button a:focus{
	color: inherit !important;
}

button:not(.search, .subscribe, .prev, .next), a.action{
	border-radius: 2em !important;
}

/**
 * Modal LogIn
 */
div.block-new-customer{
	strong.purchaseaccount{
		color: var(--th-blue);
	}
}

/**
 * Breadcrumbs
 */
div.breadcrumbs{
	font-size: 0.9em;
	font-weight: 600;
}

div.breadcrumbs{
	li.item a{
		font-size: 0.9em;
		font-weight: 600;
	}
}

/** 
 * Colors
 */
:root {
	--th-red: #cc002a;
	--th-green: #007600;
	--th-blue: #0D6EFD;
}

/**
 * Backtop
 */
a#backtotop{
    margin-right: 1em;
    margin-bottom: 30vh;
}