/*
 * Theme Name: Custom Styles for Espaces Saveurs
 * Description: Starter Theme to use with Timber
 * Author: Upstatement and YOU!
*/

@media screen and (max-width: 767px) {
	.block-reservation .tabs-container .tabs-blocks .tab {
		width: 100% !important;
		padding-left: 18px;
		padding-right: 18px;
	}
}

.img-container img {
	height: auto !important;
}

.resto-bar .nav-link {
	padding:0px !important;
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
	.page-contact .restaurant-footer-container {
		width: 83.33333333% !important;
	}
}

@media screen and (min-width: 1400px) {
	.page-contact .restaurant-footer-container {
		width: 50% !important;
	}
}

.big-nav .tiny-nav a:hover {
	color:inherit !important;
}

.page-actu .navbar-second,.page-actu .navbar-content-carret{
	display: none;
}

.page-actu .logo-intern path{
	fill: #141824 !important;
}

.page-carte .navbar-restaurant-title{
	opacity: 1 !important;
}

.page-carte .carte-popup{
	position: relative !important;
	opacity: 1 !important;
	overflow: visible !important;
	transform: translateY(0) !important;
	top: 0 !important;
}

@media (min-width: 768px) {
    .restaurant-informations .left-col .line.first-line .col-logo.--big {
        margin-left: 1%;
		width: 27%;
    }
}

@media (min-width: 992px) {
	.restaurant-informations .left-col .line.first-line .col-logo.--big {
        margin-left: 4%;
    }
}

g{
	clip-path: unset;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

.cart-link {
    position: fixed;
    top: 48px !important;
    left: 48px !important;
    z-index: 9999;
    padding: 10px 10px 8px 8px;
    border-radius: 50%;
    background-color: #fff;
	border: 1px solid #141824;
	transition: transform 0.3s ease;
	z-index: 1;
}

@media (min-width: 768px) {
    .cart-link {
        left: 108px !important;
        top: 75px !important;
    }
}

.cart-link:hover{
	transform: scale(1.1);
}

.cart-link-number{
	position: absolute;
	top: -6px;
	right: -6px;
	background-color: #141824;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;

	span{
		font-size: 12px;
		line-height: 12px;
		font-weight: 900;
		height: 14px;
	}
}