@charset "UTF-8";
/*
Theme Name: Boulangerie Germain (2023)
Description: Thème pour la Boulangerie Germain
Author: Oz Design
Author URI: https://ozdesign.ca
Version: 1.0
*/

@charset "UTF-8";


/* Général */
* {margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

body {
	background-color: #181A1C !important;
	font-family: "muli", sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 16px;
	color: #FFF !important;
	line-height: 26px !important;
	overflow-x: hidden !important;
}

ul, li {list-style-type: none;}

a {text-decoration: none; color: #A9743D !important;}
a:hover {text-decoration: none; color: #BBB; transition: all .3s cubic-bezier(.43,.045,.1,.95);}
p {margin-bottom: 10px;}

img {border: 0 none; vertical-align: middle;}

/* Couleurs */
.noir {color: #181A1C;}
.brun {color: #A9743D;}
.blanc {color: #FFF;}

/* Titres */
h1, h2, h3, h4, h5, h6 {text-transform: uppercase; font-weight: 800 !important;}

/* Boutons */
.btn-default {
	background: #F7CA00 !important;
	color: #FFF !important;
	border-radius: 0px !important;
}
.btn-default:hover {
	background: #383838 !important;
	text-decoration: none !important;
}

/* Séparateurs */
.sep {margin: 20px 0;}
.sep {border-top: 1px solid #A9743D;}


/* Header */

/* Barre de recherche */
.btn-loupe i {
	background: transparent;
	color: #FFF !important;
	border: none;
	border-radius: 0px !important;
	display: inline-block;
	cursor: pointer;
}
.btn-loupe i:hover {background: transparent !important; color: #000 !important;}

.modal {z-index: 9999998 !important;}
#barre-recherche .modal-content {background: #A9743D; !important;}

#barre-recherche .modal-content {
	box-shadow: none !important;
	border-radius: 0px !important;
	height: auto;
	min-height: 100%;
	border-radius: 0;
	padding: 250px 10px 80px 10px;
  	border: 0px none !important;
}
#barre-recherche .modal-dialog {
	max-width: 100%; 
	opacity: 0.95;
  	width: 100%;
  	height: 100%;
  	margin: 0;
  	padding: 0;
}
#barre-recherche .modal-content form {width: 100%; max-width:600px; margin: 0 auto;}
#barre-recherche .modal-body {padding: 0px !important; color: #FFF;}

#barre-recherche .modal-content .close {text-align: right; text-shadow: none !important; margin-bottom:10px;}
#barre-recherche input, #barre-recherche2 input {
	background: transparent;
	border: none;
	color: #FFF !important;
	font-size: 25px;
}
#barre-recherche input {text-align: center;}
#barre-recherche input[type="text"] {
	width:100%; 
	background: transparent;
  	color: #FFF;
  	padding: 15px;
 	border: 3px solid #181A1C;
}
#barre-recherche .btn-recherche, #barre-recherche2 .btn-recherche {
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 13px 25px 10px 25px;
  	width: 100%;
  	margin: 20px auto;
}
#barre-recherche .btn-recherche {background: #181A1C !important; color: #A9743D !important;}
#barre-recherche2 .btn-recherche {background: #A9743D !important; color: #181A1C !important;}
#barre-recherche .btn-recherche:hover, #barre-recherche2 .btn-recherche:hover {background-color: #FFF !important; cursor: pointer;}
#barre-recherche2 {border: 3px solid #A9743D; margin: 30px 0; padding: 10px;}
#barre-recherche .modal-footer {border-top: none !important; padding: 10px 0px !important;}
.form-control::placeholder { color: #FFF !important;}


/* Navigation */
#menu-haut {background-color: #A9743D !important;}
#menu-haut ul li a {color: #FFF !important;}
#menu-haut ul li a:hover {color: #A9743D !important;}
#menu-haut ul li a i:hover {color: #181A1C !important;}

#menu-haut p {margin-bottom: 0px !important;}
.xoo-wsc-sc-cont:hover, nav#menu-principal ul li > ul.dropdown-menu > li > a.dropdown-item {color: #181A1C !important;}

nav#menu-principal ul li {padding: 10px 20px;}
nav#menu-principal ul li > a, nav#menu-principal ul li > ul.dropdown-menu > li.active > a.dropdown-item, nav#menu-principal ul li > ul.dropdown-menu > li > a.dropdown-item:hover {color: #FFF !important;}
nav#menu-principal .nav-link {font-size: 16px;}
nav#menu-principal .nav-link:hover, #menu-principal ul li.active a {color: #A9743D !important;}

.ali-bg a {color: #A9743D !important; border-bottom: 3px solid #A9743D; padding: 10px 0 !important;}
.ali-bg a:hover {color: #A9743D !important;}

nav#menu-principal .dropdown-toggle::after {
	font-family: "Font Awesome 6 Free" !important;
	font-weight: 900 !important;
	content: "\f078" !important;
	border: 0 !important;
	vertical-align: 0 !important;
	margin-left: .5em !important;
	color: #A9743D;
}

nav#menu-principal .navbar-toggler {background: #A9743D !important; border-radius: 0px !important; border: none !important;}
nav#menu-principal .navbar-toggler:hover {background: #FFF !important;}

nav#menu-principal ul.dropdown-menu {
  background: #A9743D !important;;
  border-radius: 0px !important;
}
nav#menu-principal ul.dropdown-menu li {padding: 5px 10px !important;}

.dropdown-item:focus, .dropdown-item:hover {background: transparent !important; color: #000 !important;}


        @media all and (max-width:1024px) {
        	nav#menu-principal ul li {width: 100% !important;}
        	nav#menu-principal ul li a {text-align: center;}
        	nav#menu-principal ul li > a.ali-bg {border: 3px solid #A9743D; width: 50% !important; margin: auto;}
        }

nav ul {
	display: flex; 
    list-style-type: none; 
    padding-left: 0;
}
nav ul > li {margin: auto;}

        @media all and (max-width:767px) {
            nav a > img {margin: 20px auto;}
            nav ul {flex-direction: column;}
        }

  		@media (min-width: 992px) {
			.container-sm {
				max-width: 100% !important;
			}
		}
/* Content */
#e543470040 a, #e250945987 a {color: #181A1C !important;}
.tel {font-size: 25px; font-weight: 600;}

.wpforms-container .wpforms-field-label {color: #A9743D !important;}
div.wpforms-container-full input[type="submit"], div.wpforms-container-full input[type="submit"], div.wpforms-container-full button[type="submit"], div.wpforms-container-full button[type="submit"], div.wpforms-container-full .wpforms-page-button, div.wpforms-container-full .wpforms-page-button {
background: transparent !important; border: 3px solid #A9743D !important; color: #A9743D !important; border-radius: 0px; height: 50px !important; padding: 10px 30px;
}
div.wpforms-container-full input[type="submit"]:hover, div.wpforms-container-full input[type="submit"]:active, div.wpforms-container-full button[type="submit"]:hover, div.wpforms-container-full button[type="submit"]:active, div.wpforms-container-full .wpforms-page-button:hover, div.wpforms-container-full .wpforms-page-button:active {color: #FFF !important;}

#wrap {
	min-height: 80vh;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}


/* Steps */
.product_tag-steps div.quantity, .product_tag-steps .button[name=add-to-cart] {
    display:none;
}

.product_tag-steps .wapf-wrapper {
    border-radius: 0px;
    border: 1px solid #A9743D;
    padding: 15px 20px;
    margin-bottom:20px !important;
}


.product_tag-steps .wapf-field-group .step {
    display:none;
}

.product_tag-steps .wapf-field-group .step:first-child {
    display:flex;
}

.wapf-field-container {padding: 5px !important;}

.product_tag-steps .wapf_step_buttons {
    margin-bottom:20px;
    overflow:hidden;
}

.product_tag-steps .wapf_btn_next {float:right !important;}

.product_tag-steps .wapf_btn_next, .product_tag-steps .wapf_btn_prev {
  	background-color: #A9743D !important;
  	color: #FFF !important;
  	width: 45%;
  	border-radius: 0px !important;
  	border: 1px solid #A9743D !important; 
}

.product_tag-steps .wapf_btn_next:hover, .product_tag-steps .wapf_btn_prev:hover {background: transparent !important; transition: all .3s cubic-bezier(.43,.045,.1,.95);}

.product_tag-steps .wapf-progress  {
    position:relative;
    max-width:450px;
    width:100%;
    margin: 0 auto;
}

.product_tag-steps .wapf-progress:before, .product_tag-steps .wapf-progress-bar {
    content:'';
    position:absolute;
    height:3px;
    width:100%;
    background:#A9743D;
    top:14px;
    left:0;
}
.rtl .wapf-progress-bar{
    right:0;
    left:unset;
}

.product_tag-steps .wapf-progress-steps {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    display: flex;
    justify-content: space-between;
}

.product_tag-steps .wapf-progress-steps div {
    position:relative;
}

.product_tag-steps .wapf-progress-steps div:before {
    content: counter(step);
    counter-increment: step;
    width: 35px;
    height:35px;
    font-size:16px;
    line-height:38px;
    border-radius:50%;
    text-align:center;
    display: block;
    background: #FFF;
    color:#A9743D;
    font-weight: 700;
}

.product_tag-steps .wapf-progress-steps div.active:before {
    background:#A9743D; /*The finished step color. Feel free to change*/
    color:#FFF;
}

.product_tag-steps .wapf-progress-bar {
    background:#FFF; /*The finished step color. Feel free to change*/
    width:0%;
}

/* Zone des onglets produit */
.single-product .woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 40px !important;
}

/* Liste des onglets */
.single-product .woocommerce-tabs ul.tabs.wc-tabs {
  display: block !important;
  list-style: none !important;
  margin: 0 0 30px !important;
  padding: 0 0 0 10px !important;
  border-bottom: 1px solid rgba(255,255,255,.45) !important;
}

/* Chaque onglet */
.single-product .woocommerce-tabs ul.tabs.wc-tabs li {
  display: inline-block !important;
  position: relative !important;
  margin: 0 0 -1px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Lien de l’onglet */
.single-product .woocommerce-tabs ul.tabs.wc-tabs li a {
  display: block !important;
  padding: 14px 22px !important;
  text-decoration: none !important;
  color: #b67a3a !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Onglet actif */
.single-product .woocommerce-tabs ul.tabs.wc-tabs li.active {
  background: #f3f1ef !important;
  border-radius: 4px 4px 0 0 !important;
}

/* Texte onglet actif */
.single-product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
  color: #b67a3a !important;
  background: transparent !important;
}

/* Enlève les petits effets parasites du thème */
.single-product .woocommerce-tabs ul.tabs.wc-tabs li::before,
.single-product .woocommerce-tabs ul.tabs.wc-tabs li::after,
.single-product .woocommerce-tabs ul.tabs.wc-tabs::before,
.single-product .woocommerce-tabs ul.tabs.wc-tabs::after {
  display: none !important;
  content: none !important;
}


/* Footer */
footer a:hover {color: #FFF !important;}

footer #footer {
	background-color: #181A1C;
	padding: 50px 0 20px 0;
	border-top: 1px solid #333;
}

footer ul.heures-douverture, footer ul.menu-footer {padding-left: 0rem !important;}
footer ul.heures-douverture li {margin-bottom: 10px;}

footer ul.menu-footer li {line-height: 35px;}
footer ul.menu-footer li > a {color: #A9743D !important; font-size: 600;}
footer ul.menu-footer li > a:hover {color: #FFF !important;}

footer button.btn-footer {
	border: #A9743D 3px solid !important;
	border-radius: 0px !important;
	color: #A9743D;
}
footer button.btn-footer a {display: block; text-decoration: none !important;}
footer span.social-footer i {font-size: 25px;}

footer #copyright {
	background: #FFF;
	color: #181A1C;
	padding: 20px 0 3px 0;
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: -15px;
}
footer #copyright a {color: #A9743D;}
footer #copyright a:hover {color: #BBB;}

/* Woocommerce */
.woocommerce-products-header__title.page-title {display: none !important;}

/* Carte produit */
.woocommerce ul.products li.product {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Titre */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: block;
  line-height: 1.3;
  margin-bottom: 35px !important;
}

/* Bouton caché au départ avec léger décalage vers le bas */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .product_type_simple,
.woocommerce ul.products li.product .product_type_variable,
.woocommerce ul.products li.product .product_type_external,
.woocommerce ul.products li.product .product_type_grouped {
  position: static !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100%;
  text-align: center;
  box-sizing: border-box;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);

  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}

/* Au survol : fade in + monte légèrement */
.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover a.button,
.woocommerce ul.products li.product:hover .added_to_cart,
.woocommerce ul.products li.product:hover .product_type_simple,
.woocommerce ul.products li.product:hover .product_type_variable,
.woocommerce ul.products li.product:hover .product_type_external,
.woocommerce ul.products li.product:hover .product_type_grouped {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* Cache les prix vides */
.post-type-archive-product .products .price:empty,
.tax-product_cat .products .price:empty,
.single-product .summary .price:empty {
  display: none !important;
}

/* Catégories sous les produits : garder seulement la 1re */
.woocommerce ul.products li.product > a[rel="tag"] + a[rel="tag"] {
  display: none !important;
}

/* Si le thème ajoute un séparateur avant la 2e catégorie, on le masque aussi */
.woocommerce ul.products li.product > a[rel="tag"] + a[rel="tag"]::before,
.woocommerce ul.products li.product > a[rel="tag"] + a[rel="tag"]::after {
  display: none !important;
  content: none !important;
}

.woocommerce ul.products li.product > a[rel="tag"] {
  margin-right: 0 !important;
}

.woocommerce ul.products li.product > a[rel="tag"] + a[rel="tag"] {
  display: none !important;
}

.woocommerce ul.products li.product > a[rel="tag"] + a[rel="tag"]::before {
  content: none !important;
}

/* Media Query */

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 480px) {
h1.vc_custom_1694465536259, h1.vc_custom_1694465522679, h1.vc_custom_1694465526228, h1.vc_custom_1694465530321 {font-size:25px !important;}
body .vc_custom_1706737412190 {padding-right: 25px !important; padding-left: 25px !important;}
#zones_services_accueil p {font-size: 16px !important;}
body .vc_custom_1691959235269, body .vc_custom_1691955284032, body .vc_custom_1691955191369 {padding-right: 40px !important; padding-left: 40px !important;}
body .vc_custom_1691959678980, body .vc_custom_1691959658005, body .vc_custom_1691959663403, body .vc_custom_1691959670530, body .vc_custom_1691959684865 {padding-top: 10px !important; padding-bottom: 10px !important;}
body .vc_custom_1691959251309 {padding-top: 20px !important; padding-bottom: 20px !important;}
body .vc_custom_1694616361182 {margin-bottom:20px !important;}
body .bg-listing ul li {list-style-type: none !important;}
body ul.products {padding-top: 0px !important;}
body .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body .bg-listing ul li {list-style-type: circle !important;}

body .vc_custom_1706734025075 {padding-right: 10px !important; padding-left: 10px !important;}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {margin: 0px 0 1em !important; width: 100% !important;}
}

@media screen and (min-width: 479px) and (max-width: 767px) {
body .vc_custom_1706737412190, body .vc_custom_1706734025075 {padding-right: 30px !important; padding-left: 30px !important;}
body .vc_custom_1691959235269, body .vc_custom_1691955284032, body .vc_custom_1691955191369 {padding-right: 40px !important; padding-left: 40px !important;}
body .vc_custom_1691959678980, body .vc_custom_1691959658005, body .vc_custom_1691959663403, body .vc_custom_1691959670530, body .vc_custom_1691959684865 {padding-top: 10px !important; padding-bottom: 10px !important;}
body .vc_custom_1691959251309 {padding-top: 20px !important; padding-bottom: 20px !important;}
body .vc_custom_1694616361182 {margin-bottom:20px !important;}
body .bg-listing ul li {list-style-type: none !important;}
body ul.products {padding-top: 0px !important;}
body .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body .bg-listing ul li {list-style-type: circle !important;}

body .vc_custom_1706734025075 {padding-right: 10px !important; padding-left: 10px !important;}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {margin: 0px 0 1em !important; width: 100% !important;}
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 979px) {
body .vc_custom_1706737412190, body .vc_custom_1706734025075 {padding-right: 30px !important; padding-left: 30px !important;}
body .vc_custom_1691959678980, body .vc_custom_1691959658005, body .vc_custom_1691959663403, body .vc_custom_1691959670530, body .vc_custom_1691959684865 {padding-top: 10px !important; padding-bottom: 10px !important;}
body .vc_custom_1691959251309 {padding-top: 20px !important; padding-bottom: 20px !important;}
body .vc_custom_1694616361182 {margin-bottom:20px !important;}
body .bg-listing ul li {list-style-type: none !important;}
body ul.products {padding-top: 0px !important;}
body .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body .bg-listing ul li {list-style-type: circle !important;}

body .vc_custom_1706734025075 {padding-right: 0px !important; padding-left: 10px !important;}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {margin: 0px 2% 1em 2% !important; width: 46% !important;}
}
	

/* Medium devices (desktops, 980px and up) */
@media screen and (min-width: 980px) and (max-width: 1200px) {
h1.vc_custom_1694465536259, h1.vc_custom_1694465522679, h1.vc_custom_1694465526228, h1.vc_custom_1694465530321 {font-size:25px !important;}
body .vc_custom_1706737412190 {padding-right: 25px !important; padding-left: 25px !important;}
body .vc_custom_1694616361182 {margin-bottom:20px !important;}
body ul.products {padding-top: 0px !important;}

body .vc_custom_1706734025075 {padding-right: 10px !important; padding-left: 10px !important;}
}