/** Shopify CDN: Minification failed

Line 25:21 Expected identifier but found whitespace
Line 286:0 Unexpected "}"
Line 393:88 Unexpected ">"
Line 604:20 Expected "}" to go with "{"

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

/********************************* buttons custom ****************************************/

.btn, .btn-custom, .shopify-payment-button .shopify-payment-button__button--unbranded{
  border: 1px solid #202944;
  background-color:none;
  color:#202944;
}

#custom_close_button: after{
  color:#202944 !important;
  background: #7CE0D3 !important;
}

/********************************* Custom font *****************************************/


@font-face {
  font-family: "MarkPro";
  src: url("MarkPro.woff2") format("woff2"),
       url("MarkPro.woff") format("woff");
}  

h3,h4,h5,h6, .nav-pills, body, a {
  font-family: "MarkPro" !important;
}

.main-navigation-wrapper .nav-pills{
  font-weight:600 !important;
  
}

.nav-bar__top-nav .nav-pills{
  font-size:0.8rem;
  text-transform: uppercase;
}

.custom-font{
	font-size:1.75rem !important;
}


/******************************** Custom slideshow content ******************************/


.slideshow-fade-content{
  font-weight:600 !important;
}


/******************************** Where to buy customization ****************************/

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  padding: 3rem;
}

@media screen and (max-width: 768px) {
  .grid-container {
  	display: grid;
  	grid-template-columns: auto;
  	padding: .5rem;
	}
}

.grid-item {
  padding: 10px;
  margin: 1rem 2rem 3rem 2rem;
  text-align: center;
}




/******************************* Contact page customization ******************************/

.contact-form input, .contact-form textarea{
  width: 100% !important;
}

.form-group{
  margin:auto;
  width:90%;
}


/******************************* custom sticky menu **********************************************/



@media screen and (max-width: 678px) {
  
  .nav_logo{
  position:absolute;
  z-index:-1;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  
	}
  .nav_logo a img{
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top:0.1rem;
  }
  .sticky-mobile-header.d-md-none .site-header__logo-image img {
    opacity:0.01;
    height:35px;
  }
  
  .feather-map-pin{
    width:25%;
  }
  .feather-shopping-bag{
    width:25%
  }
}

@media screen and (min-width: 679px) and (max-width: 1027px){
  
  .nav_logo{
  position:absolute;
  z-index:-1;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  padding: 180px;
  
	}
  .nav_logo a img{
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top:0.2rem;
  }
  .sticky-mobile-header.d-md-none .site-header__logo-image img {
    opacity:0.01;
    height:35px;
  }
}


@media screen and (min-width: 768px){
.sticky-header-wrapper__inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
}

@media screen and (min-width: 994px) and (max-width: 1027px){
  .nav_logo{
    padding:250px;
  }
}

.sticky-header-menu{
	font-size:0.9rem;
}




/**********************************  language selector showing none ************************************/
#wetheme-dropdown-1-button{
  margin-top:15px;
  border:none;
}

#wetheme-dropdown-2-button{
  display:none;
}

#wetheme-dropdown-3-button{
  display:none;
}
#wetheme-dropdown-4-button{
  display:none;
}

#wetheme-dropdown-1-dropdown > li:nth-child(2){
  margin-left: 0px;
}


/**********************************  Customization of homepage *******************************************/

.index-sections .shopify-section .title-bar{
   padding-top: 4rem !important;
}

.index-sections .shopify-section .title-bar h2{
  font-size: 2.5rem !important;
}
.indiv-product-vendor-text{
  font-weight: 600;
}



/***********************************  customization of slider *******************************************/
@media screen and (min-width: 1020px){
a.slideshow-fade-content {
  width: 23rem !important;
  margin-bottom:0px;
  /*padding: 0px 3.5rem !important;*/
  padding:1.5rem;
  text-transform: capitalize !important;
  font-size:1.5rem;
}
}

@media screen and (min-width: 679px) and (max-width: 1020px){
.slider-caption{
  margin:auto !important;
}
}



/***********************************  customization of text advert section      *******************************************/

.text-advert__container{
  padding-bottom:2rem;
}


/***********************************  customization of Footer newsletter custom *******************************************/

.footer_news_custom_child{
  width:50%;
  margin:auto;
}

@media screen and (min-width: 678px) and (max-width: 992px){
	#newsletter_text{
  		margin-left:0px !important;
	}
  	.newsletter-wrapper{
    	width:200px !important;
  	}
  	#newsletter_text{
      font-size:12px;
    }
  .rte .footer-article p{
    margin:0px;
  }
}

.type-subheading--1{
  font-size:22px !important;
  font-weight:600 !important;
  font-family:"playfair" !important;
  line-height:1.5rem;
}

/************************************ customization of Form footer *************************************/
/*
#form div[data-role="form-footer"] {
   display:none !important;
}
*/


/************************************ customization of menu-nav bar *************************************/
/*
.main-navigation-wrapper > .nav-pills > li:nth-child(1) >a {
  color: red !important;
  /*background-image: url("/cdn/shop/files/redsparkle_3.gif?v=1606768545") !important;*/
}
*/



/************************************* customization of Bundle customization ***************************/


.bundle-builder-app--bundle--add-to-cart-button{
  background-color:transparent !important;
  border: 1px solid #202944 !important;
  color: #202944 !important;
}


.bundle-builder-app--bundle--product-name{
  height: 70px!important;
  margin:10rem;
  font-size:1.5rem;
}

.bundle-builder-app--bundle--product-description{
  height: 75px!important;
  margin:10px !important;
}

.bundle-builder-app--bundle--name {
  display:none;
}


/************************************** Customization Customer login ***********************************/

.action-bottom{
  padding-top:20px;
}


/************************************** Customization Form-Catering ************************************/
.form-group-catering{
  margin:auto;
  width:60%;
}

@media screen and (max-width: 678px) {
  
  .form-group-catering{
  margin:auto;
  width:90%;
}
}



/************************************** Customzation Catering page *************************************/


.poster{
  position:relative;
  z-index:-1
}

.poster-content{
  margin:-50px 2rem 6rem 2rem;
  background-color:#fff;
  border:#7CE0D3 2px solid;
  border-radius: 5px;
}

.poster-content-secondrow{
   margin:-50px 2rem 2rem 2rem;
  background-color:#fff;
  border:#7CE0D3 2px solid;
  border-radius: 5px;
}

.poster-text{
  width:80%;
  margin:0 auto;
  padding-top:1rem;
  background-color:#fff;
  text-align:center;
}

.gift_collection{
  color: #7CE0D3;
}

.header_poster{
  padding-bottom:2rem;
}


@media screen and (max-width: 678px) { 
#first_item_second_row{
  margin:-50px 2rem 6rem 2rem;
  background-color:#fff;
  border:#7CE0D3 2px solid;
  border-radius: 5px;
}
}



/*********************************** Customization sidebar filters ***************************************/


.collection-sidebar--section > .collection-menu--list-item .children :nth-child(1) >ul> >li >a {
  color: red;
}



/********************************** Customization image with text - LB **********************************/

@media screen and (min-width: 769px) {
  	.feature-row {
    	display: flex;
  	}

    .feature-row__text_lb {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left:-10rem;
      background:#fff;
      border: #7CE0D3 2px solid;
    }

    .feature-row__text-lb--inner{
      padding: 3rem;
    }
  }
  
@media screen and (max-width: 769px) {
  .title-bar-lb > h3{
  	padding: 1em 0 0 0;
  }
}
  

 .title-bar-lb > h3{
      font-size:1.25em;
      font-weight:bold;
	
    }



/******************************** Custom contact PAge *****************************************************/

.responsive-contact{
	width:100%;
	height: auto;
}
/********************************* Custom order page ************************************/
/* --- Bouton retour --- */
  .back-button {
    background: none;
    border: none;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 10px;
    text-decoration: underline;
  }
  .back-button:hover {
    color: #a0522d; /* ton biscuit La Biscuitery */
  }
  /* --- Breadcrumb --- */
  .breadcrumb {
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
    text-align: left;
  }
  .breadcrumb a {
    color: #333;
    text-decoration: none;
  }
  .breadcrumb a:hover {
    text-decoration: underline;
  }

.builder-header {
  text-align: center;
  margin-bottom: 40px;
}

.main-heading {
  font-family: 'Playfair Display', serif;
  font-size: 42px;
  color: var(--navy);
}

.builder-subtitle {
  font-size: 18px;
  color: var(--navy);
  opacity: 0.8;
}

.step-title {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  margin-bottom: 20px;
}

.box-size-options {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.box-size {
  background-color: var(--gold);
  color: var(--navy);
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s ease;
}

.box-size:hover {
  background-color: var(--aqua);
  color: #fff;
}

.biscuits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
}

.biscuit-card {
  background-color: #fff;
  border: 1px solid var(--navy);
  border-radius: 8px;
  padding: 15px;
  text-align: center;
}

.biscuit-card img {
  width: 100%;
  border-radius: 6px;
}

.add-biscuit {
  margin-top: 10px;
  background-color: var(--gold);
  color: var(--navy);
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s ease;
}

.add-biscuit:hover {
  background-color: var(--aqua);
  color: #fff;
}

.summary-list {
  background-color: #fff;
  border: 1px solid var(--navy);
  padding: 20px;
  border-radius: 8px;
}

.btn-custom {
  background-color: var(--gold);
  color: var(--navy);
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 600;
  transition: 0.3s ease;
  margin-top: 20px;
}

.btn-custom:hover {
  background-color: var(--aqua);
  color: #fff;
}
  .rainbow-bg {
    position: absolute;
    inset: 0;
    background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
    border-radius: 50%;
  }
  .custom-color-preview {
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    background: #FFC82D;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
    transition: background 0.2s ease;
    pointer-events: none; /* Laisse le clic passer au champ couleur */
  }

/* Retirer le contour du bloc d’aperçu */
/* Supprimer bordure, ombre et fond doré de l'aperçu */
.selected-box-preview {
  border: none !important;                 /* enlève le liseré doré */
  box-shadow: none !important;             /* enlève l’ombre dorée */
  background: transparent !important;      /* enlève le dégradé #fff8e6 → #fff */
  /* alternative si vous préférez un fond uni blanc:
  background-color: #fff !important;
  */
.selected-box-preview__image {
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

.selected-box-preview__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;