/*
Theme Name: Rosa Child
Theme URI: http://pixelgrade.com/demos/rosa
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: rosa
Description:  ROSA is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosa
Tags: black, orange, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, sticky-post, translation-ready
*/

/* couleur originale => #afd9eb*/

/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: rosa' line. */

/* Footer */
.sidebar--footer__dark{background-color: #bad8ea; color:#333 }
.footer-widget-area {vertical-align:top}
.footer-widget-area .widget{vertical-align:top;margin-bottom:25px}

/* Table */
.table--striped tbody tr:nth-of-type(odd), table tbody tr:nth-of-type(odd){background-color:#EFF7FB}

/* Form */
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='datetime']::-webkit-input-placeholder,
input[type='datetime-local']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
input[type='month']::-webkit-input-placeholder,
input[type='time']::-webkit-input-placeholder,
input[type='week']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='color']::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type='text']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='datetime']:-moz-placeholder,
input[type='datetime-local']:-moz-placeholder,
input[type='date']:-moz-placeholder,
input[type='month']:-moz-placeholder,
input[type='time']:-moz-placeholder,
input[type='week']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='color']:-moz-placeholder,
.form-control:-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type='text']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='datetime']::-moz-placeholder,
input[type='datetime-local']::-moz-placeholder,
input[type='date']::-moz-placeholder,
input[type='month']::-moz-placeholder,
input[type='time']::-moz-placeholder,
input[type='week']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='color']::-moz-placeholder,
.form-control::-moz-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='datetime']:-ms-input-placeholder,
input[type='datetime-local']:-ms-input-placeholder,
input[type='date']:-ms-input-placeholder,
input[type='month']:-ms-input-placeholder,
input[type='time']:-ms-input-placeholder,
input[type='week']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='color']:-ms-input-placeholder,
.form-control:-ms-input-placeholder
{
border:1px solid red !important;
    text-transform:none !important;
}
textarea { resize:vertical ; }

/* Formulaire Newsletter */
.form-newsletter {vertical-align:top;margin-top:15px}
.form-newsletter .field-email,.form-newsletter .field-button{vertical-align:top;margin:0;padding:0;display:inline-block;}
.form-newsletter .field-email span,.form-newsletter .field-button span,.form-newsletter .field-email input,.form-newsletter .field-button input{margin:0;display:block}
.form-newsletter .field-button input{margin-top:3px}

/* Map*/
.map__marker{padding-left:24px;padding-right:24px}

/* Menu principal */
.site-header{background-image: none }
.sub-menu a {padding-top:6px !important;padding-bottom:6px !important}
#menu-item-833 {display:none !important}

/* Boutons partage */
.juiz_sps_links .juiz_sps_item a{border-width:0;font-size: 0.95em;color: #ffffff !important; padding:0.5em 1.1em  0.5em 1em !important;}

/* Produits */
.single-product .entry-summary .price span{/*font-size:34px;*/font-size:25px;}
.woocommerce div.product .product_title{/*font-size:43px;*/font-size:33px;font-weight:700}
.woocommerce-page .headline__primary{color:#333!important}
.woocommerce-page.archive .shop-categories li{border-width:0}
.woocommerce-page.archive .shop-categories li a{font-size:15px;line-height:19px}
.woocommerce .lesson-full{font-size:18px;line-height:19px;font-weight:700}
.woocommerce ul.products li.product .price{color:#262526}
.woocommerce ul.products li.product .lesson-full{color:#77a464;display:block;font-weight:400;margin-bottom:.5em;font-family:"Source Sans Pro",Georgia,serif;font-size:19px;margin-bottom:0;transition-property:opacity;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;padding-top:7px;padding-bottom:5px;color:#262526}
.woocommerce form.cart{padding-top:10px}
.woocommerce ul.products li.product .product__button{padding-left:10px;padding-right:10px}
.woocommerce .upsells h2{text-align:center;margin:48px 0;font-size:24px}
.woocommerce-page.archive .shop-categories li {margin-left:25px}
.woocommerce-page.archive .shop-categories li:first-child {margin-left:0}

a.menu-list__link{color:#262526;text-decoration:none;border-width:0}

/* Envoyer a une adresse differente */
h3#ship-to-different-address{font-size:16px;line-height:32px;text-transform:none;font-weight:700}
h3#ship-to-different-address::after{content:"si oui, cochez la case";font-weight:400;font-size:14px}
input#ship-to-different-address-checkbox{border:2px solid black !important}

/* Fil d'ariane */
.woocommerce .woocommerce-breadcrumb a{color:#777777 !important;margin-right:8px;text-decoration:none;color:inherit;border-width:0}
.woocommerce .woocommerce-breadcrumb a::after{font-family:'FontAwesome';content:"\f0da";margin-left:8px;color:#CCC}

/* Liste des produits */
.woocommerce ul.products, .woocommerce-page ul.products{text-align:center}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width:45% !important;padding-left:0 !important;padding-right:0 !important;margin-left:2% !important;margin-right:2% !important;display:inline-block!important;float:none!important}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width:28% !important;margin-left:2% !important;margin-right:2% !important;}
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width:20% !important;margin-left:2% !important;margin-right:2% !important;}
}

/* Livraison en point de retrait */
.pickup-location-field.pickup-location-cart-item-field{max-width:none;font-size:18px;padding-top:10px;max-width:450px}
.pickup-location-field .pickup-location-address,
.pickup-location-field .pickup-location-field-label,
.pickup-location-field .pickup-location-schedule small,
.woocommerce p.woocommerce-shipping-contents small{font-size:1em;opacity:1}
.pickup-location-field .pickup-location-address{margin-top:5px}
.pickup-location-field .pickup-location-field-label{font-weight:600 !important}
.pickup-location-field .pickup-location-address,
.pickup-location-field .pickup-location-schedule{padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1);}
.ui-datepicker.pickup-location-appointment-datepicker table.ui-datepicker-calendar td a{opacity:1;color:#000}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{vertical-align: top;}
.pickup-location-field .pickup-location-calendar-icon{margin-top:12px}
.woocommerce ul#shipping_method li{border:1px solid #CCC;padding:15px}

.woocommerce ul.products li.product:hover .price {
    opacity: 1 !important;
}

.single-product .entry-summary .price span{
	color: #252525 !important;
}

#shipping_address {
    display: none;
}

.woocommerce-shipping-fields__field-wrapper p span input::placeholder{
	text-transform: lowercase;
}

.woocommerce-additional-fields__field-wrapper p span textarea::placeholder{
	text-transform: lowercase;
}


/**** CTAS ***/
.ctas {
	z-index:999;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
    top: 50%;
    align-items: end;
    transform: translateY(-50%);
	gap:10px;
	pointer-events:none;
}

.cta{
    align-items: center;
    display: flex;
    padding: 10px;
    background: #b6d8eb;
	gap: 10px;
	border-radius: 8Px 0 0 8px;
	transition:0.3s ease-in-out;
	pointer-events: auto;
	transform: translateX(calc(100% - 50px));
}
.cta:hover{
	transform: translateX(0%);
}
.cta svg {
    width: 30px;
}
.cta svg path{
	fill:#502c1c!important;
	transition:0.3s ease-in-out;
}
.cta, .cta a{
	color:#502c1c!important;
	line-height:normal;
}

.cta-telephones {
    display: flex;
	position:relative;
    transform: translateX(0);
}
.cta.cta-telephones:hover{
	transform: translateX(-200px);
}
.tels {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    transform: translateX(100%);
    background: #b6d8eb;
    padding: 10px 15px;
    border-radius: 0 0 0 8Px;
    display: flex;
    flex-direction: column;
	gap:10px;
}

@media screen and (max-width : 768px){
	.ctas {
		flex-direction: row;
		left: 0%;
		right: unset;
		top: unset;
		bottom: 0;
		transform: translateX(0%);
		width: 100%;
		justify-content:center;
	}
	.cta-telephones {
		display: none !important;
	}
	.cta{
		border-radius:8px 8px 0 0;
	}
	.cta{
		transform: translateX(0)!important;
	}
}


.sub-menu > li > a {
    text-align: left !important;
	min-width: max-content;
    width: 100%;
}

.caseCarte .txtCarte{
	font-size:25px!important;
	text-decoration: underline!important;
}