﻿:root{
	/*Tamanho Logo*/
	--logo-top: -15px;
	--logo-height: 120px;
	--logo-height-stick: 70px;
	/* 1023px */
	--logo-top-1023: 12px;
	--logo-height-1023: 70px;
	--logo-height-1023-stick: 70px;
	/* 666px */
	--logo-top-666: 30px;
	--logo-height-666: 77px;
	--logo-height-666-stick: 70px;
	--btn-radius: 5px;
}

body #logo a{
    height: var(--logo-height) !important;
    margin-top: var(--logo-top);
    width: 100%;
}
body .main-bar.simples #logo a{
	height: var(--logo-height) !important;
	margin-top: 0px;
}
.flutuante #logo a{
    height: var(--logo-height-stick) !important;
    margin-top: 0px;
}
@media(max-width: 1023px) {
    body #logo{
        padding-left:0;
    }
    body .main-bar .main-bar-content #logo a {
        height: var(--logo-height-1023) !important;
        margin-top: var(--logo-top-1023) !important;
        text-align: center;
    }
	body .main-bar .main-bar-content #logo a{
		margin-top: 7px !important;
	}
	body .flutuante .main-bar .main-bar-content #logo a{
        margin-top: 0px  !important;
    }
}
@media (max-width: 666px) {
    body .main-bar:not(.simples) .main-bar-content #logo a {
        height: var(--logo-height-666) !important;
        margin-top: var(--logo-top-666);
        text-align: center;
    }
    .flutuante .main-bar:not(.simples) .main-bar-content #logo a{
        height: var(--logo-height-666-stick) !important;
        margin-top: 0px ;
    }
	.flutuante .main-bar.simples .main-bar-content #logo a{
        margin-top: 0px ;
    }
}

#basket-summary > div.buttons > a.go-to-checkout:hover{
	background-color: var(--color-success)!important;
}
#basket-summary .go-to-checkout:hover  {
	background-color: var(--color-success)!important;
}


button.btn-buy:hover{
	background-color: var(--hover)!important;
}

@media(min-width:1023px){
	.wd-search .search-input .suggestion-box {
		margin-top: 1px !important;
		max-width: 519px;
		margin-left: -17px;
	}
}
@media(max-width:1023px){
	
	html.searching header #top-search{
		transform: translate(-10px,-120px);
		width: 107vw;
	}
	html.searching header .main-bar .wd-search .input-wrapper input{
		border-radius: 0 !important;
	}
}