main.main:first-of-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 4rem 10%;
  padding-bottom: 0;
}

/*start of boisson slider*/
.quantity-container .minus,
.quantity-container .plus {
  background-color: white;
  color: #601a24;
  border: none;
  font-size: 16px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.woocommerce .quantity .qty {
  color: #fff;
  background-color: #601a24;
  width: 30px !important;
  height: 30px;
  text-align: center;
  margin: 0 !important;
}
/* Chrome, Safari, Edge, Opera */
.products-boisson input::-webkit-outer-spin-button,
.products-boisson input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

.products-boisson input[type="number"] {
  -webkit-appearance: none; /* Removes spinner in WebKit browsers */
  -moz-appearance: none; /* Removes spinner in Firefox */
  appearance: none; /* Removes spinner in modern browsers */
}

/* Remove borders and focus styles */
.products-boisson input:focus {
  outline: none; /* Removes focus outline */
  box-shadow: none; /* Removes shadow if any */
  border: none; /* Removes border */
}

/* Optional: Remove the default border for all inputs */
.products-boisson input {
  border: none;
}
.woocommerce .quantity .qty {
  width: 3.631em;
  text-align: center;
}
.quantity-container input.qty {
  width: 40px;
  text-align: center;
  font-size: 1rem;
  border: none;
  background-color: white;
  color: #601a24;
  margin: 0 5px;
}
[id^="quantity_"] {
  appearance: textfield;
}
.woocommerce ul.products li.product .button {
  display: inline-block;
  margin-top: 1em;
  border: none;
  cursor: pointer;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
  float: none;
}
button.button.cart-button {
  background-color: #601a24;
}
button.cart-button {
  margin: 0 !important;
  padding: 0px !important;
  height: 30px;
  width: 40px;
  border-radius: 0px !important;
}
.quantity-container .minus,
.quantity-container .plus {
  background-color: white;
  color: #601a24;
  border: none;
  font-size: 16px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.woocommerce .quantity .qty {
  color: #fff;
  background-color: #601a24;
  width: 30px !important;
  height: 30px;
  text-align: center;
  margin: 0 !important;
	appearance: textfield;
}
quantity-container {
  width: min-content;
}
.quantity-container {
  display: flex;
  align-items: center;
  border: 1px solid #601a24;
}
.product_cat-boisson > a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product .type-product {
  width: 200px;
}

/*buttons et style general de selection boisson*/
.quantity-container {
  width: min-content;
}

#menus-speciaux
  > div.products-boisson
  > div
  > div
  > div
  > ul
  > li.product_cat-boisson {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

.boisson-product {
  background-color: #ceb481;
}

/*boisson horizontal products slider*/
.horizontal-product-slider {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.slider-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.boisson-product-container ul.products {
  max-width: 2000px;
}
.boisson-product-container ul.products li.last {
  margin-right: 5% !important;
}

/*
  0 6% 5em 0
    /* margin-right: 0;
  
  .product-card {
    flex-shrink: 0;
    width: calc(100% / 4.5);
    scroll-snap-align: start;
  }
  
  .slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  
  
  .slider-nav.prev {
    left: 8px;
  }
  
  .slider-nav.next {
    right: 8px;
  }
  
  .slider-nav svg {
    width: 4rem;
    height: 4rem;
  }
  
  /*
  div.woocommerce .columns-4 {
  flex: none !important;
  }*/

/*
.woocommerce-product-gallery__wrapper img {
  width: 550px;
  height: auto;
}
*/
/*disable price on boisson category*/
#menus-speciaux > div.products-boisson span {
  display: none;
}
.product_cat-menus-speciaux ul.tabs.wc-tabs {
  display: none;
}
/*boisson slider*/
.product_cat-boisson .custom-image-wrapper {
  height: auto; /* Allow height to adjust automatically */
  overflow: hidden;
  display: flex; /* Use flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}

.product_cat-boisson .custom-image-wrapper img {
  width: 100%; /* Make image take full width */
  height: auto; /* Maintain aspect ratio */
  max-width: 150px; /* Prevent overflow */
  object-fit: contain; /* Maintain the aspect ratio */
  margin: 0 !important;
}

.product_cat-boisson bdi {
  display: none;
}

li.product_cat-boisson {
  display: flex;
  flex-direction: column;
  align-items: center;
}

li.product_cat-boisson h2 {
  color: black;
  font-weight: 400;
  font-family: "Dosis", sans-serif;
  font-size: 13px !important;
  text-align: center;
  max-width: 15rem;
}

.products-boisson {
  max-width: 100%;
  overflow: hidden;
}

div.products-boisson {
  margin: 3rem 0;
  padding: 3.5rem 0;
}

.boisson-product-slider {
  position: relative;
}
.boisson-product-container {
  overflow-x: scroll;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}
.boisson-product-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}
.boisson-product-container .products {
  display: flex;
  /* 
  gap: 20px;
  padding: 20px 0;
  width: max-content;
    */
}
.boisson-product-container .product {
  flex: 0 0 auto;
  width: 250px; /* Adjust based on your design */
}

.slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  /*padding: 10px;*/
  cursor: pointer;
  z-index: 2;
}

.slider-nav.prev {
  left: 10px;
}
.slider-nav.next {
  right: 10px;
}

/*end of boisson slider*/

/*start of main editing*/
.product_cat-plateaux-repas.has-post-thumbnail {
  display: flex;
  flex-direction: row;
}

.single-product-description-container {
  display: flex;
  flex-direction: column;
  /*width: 600px;*/
}

/*remove some default texts*/
div.summary.entry-summary > p {
  display: none;
}
div.summary.entry-summary .quantity {
  display: none;
}
div.summary.entry-summary > form {
  display: none;
}
.product_meta {
  display: none;
}
div.single-product-description-container
  > div.woocommerce-tabs.wc-tabs-wrapper
  > ul {
  display: none;
}
#tab-description > h2 {
  display: none !important;
}
#tab-description > p {
  font-size: smaller;
  font-weight: 100;
}

#tab-additional_information {
  display: none !important;
}
.woocommerce-product-details__short-description > p {
  display: none;
}

/*add icons to list*/
.woocommerce-Tabs-panel--description ul li {
  list-style: none; /* Remove the default bullet points */
  position: relative; /* Required for positioning the custom bullet */
  padding-left: 25px; /* Add padding to accommodate the bullet icon */
}

.woocommerce-Tabs-panel--description ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(50%);
  width: 20px; /* Adjust the size of the icon */
  height: 20px; /* Adjust the size of the icon */
  background: url("../images/design/petales.svg") no-repeat center center;
  background-size: contain;
}


/* Position the product-icons in the top right corner */

.single-product .woocommerce-product-gallery__wrapper img {
    height: 550px;
    width: 550px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .woocommerce-product-gallery__wrapper img {
        max-width: 100%;
    }
}


@media (max-width: 768px) {
  .woocommerce-product-gallery__wrapper img {
    max-height: 15rem;
    object-fit: cover;
  }
}
.woocommerce-product-gallery__wrapper {
  width: 550px;
  position: relative;
}
.product-icons {
  width: 100%;
  position: absolute;
  top: -15px;
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
}

.product.type-product.product_cat-boisson.product-type-simple {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.product-icons .type-plat {
  margin-right: 10px;
}

/**/
.product-icons svg {
  width: 40px;
  height: 40px;
  margin: 5px;
}

/*styling button*/
.product-button form {
  display: flex;
  flex-direction: row;
}

/*button*/
.product-button-and-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.product-button {
  display: flex;
  align-items: center;
  gap: 10px;
}

.quantity-buttons {
  display: flex;
  align-items: center;
  border: #601a24 1px solid;
}

.quantity-buttons button {
  background-color: #fff;
  color: #601a24;
  border: none;
  height: 100%;
  width: 40px;
  cursor: pointer;
}

.quantity-buttons input[type="number"] {
  background-color: #601a24;
  color: #fff;
  width: 40px;
  text-align: center;
  border: none;
  height: 100%;
  appearance: textfield; /* Cross-browser */
}

.add-to-cart {
  background-color: #fff;
  color: #601a24;
  padding: 8px 20px;
  cursor: pointer;
  border: #601a24 1px solid;
}

.product-price {
  font-size: 20px;
  font-weight: bold;

  margin-left: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -webkit-appearance: none; /* Removes spinner in WebKit browsers */
  -moz-appearance: none; /* Removes spinner in Firefox */
  appearance: none; /* Removes spinner in modern browsers */
}

input:focus {
  outline: none;
}

/*product title*/
div.summary.entry-summary > h1 {
  position: relative;
  font-weight: bold;
  color: #601a24;
  font-family: Philosopher, sans-serif;
  font-weight: 32px;
  width: fit-content;
}

div.summary.entry-summary > h1::after {
  position: absolute;
  content: "";
  width: 120px;
  height: 0.1em;
  background-color: #ceb481;
  bottom: -15%;
  left: 0;
}

.woocommerce-tabs.wc-tabs-wrapper {
  padding-top: 40px;
}

.woocommerce-tabs.wc-tabs-wrapper div ul li {
  font-size: 16px;
  font-family: "Dosis", sans-serif;
  color: #000000;
  font-weight: 300;
}

.woocommerce-tabs.wc-tabs-wrapper div ul li strong {
  font-weight: 500;
}

.woocommerce-tabs.wc-tabs-wrapper div ul li {
  padding: 10px 30px;
}

.products-boisson-titre {
  position: relative;
  color: #601a24;
  font-family: Philosopher, sans-serif;
}

.products-boisson-titre::after {
  position: absolute;
  content: "";
  width: 8%;
  height: 0.1em;
  bottom: -40%;
  background-color: #ceb481;
  left: 0;
}

.products-boisson p {
  padding: 40px 0 50px;
  font-size: 16px;
  font-family: Dosis, sans-serif;
  color: #000000;
  font-weight: bold;
}

/*
products columns-3


display flex, 
flex direction column
*/

/*starts from here ------*/
/*.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product 
li.product 


width 80%
*/

/*
.woocommerce .products ul, .woocommerce ul.products
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

*/

.text-lien-retour {
  margin: 1rem 0;
}
.legend-text {
  margin: 0.5rem 0;
  font-size: 0.8rem;
}

/* Style for the last breadcrumb */
.woocommerce-breadcrumb {
  margin: 2em 0;
}

.product-price {
  font-family: "Philosopher", sans-serif;
}
.product-price span bdi {
  font-size: 30px;
}

.product-price span span {
  position: relative;
  font-size: 28px;
}
.product-price > span > span::after {
  position: absolute;
  content: " ";
  width: 60%;
  height: 0.2rem;
  background-color: #ceb481;
  bottom: -5px;
  right: 0;
}

/*disable clicking on drink image*/
.woocommerce ul.products li.product a {
  pointer-events: none;
}

/*disable clicking on single product image*/
img.wp-post-image {
  pointer-events: none;
}

/*notification ajouté au panier*/
.woocommerce-message {
  border-top-color: #ceb481;
}

.woocommerce-message::before {
  content: "\e015";
  color: #ceb481;
}

.boisson-product-container
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	  width: 250px !important;
    height: 250px !important;
    object-fit: contain;
  border: #411417;
  max-width: 300px;
  max-height: 300px;
  width: auto; /* Maintain aspect ratio */
  height: auto; /* Maintain aspect ratio */
  object-fit: contain;
}

/*
responsives
*/

/* Responsive styles */
@media (max-width: 768px) {
  .menu-buttons {
    flex-direction: column; /* Stack buttons vertically */
    align-items: center; /* Center buttons in column layout */
  }

  .menu-buttons .button {
    width: 100%; /* Full width for buttons on smaller screens */
  }
}

@media screen and (min-width: 1280px) {
  main {
    margin-top: 15vh;
    position: relative;
    /*margin-bottom: 3rem;*/
    /* padding: 4rem 23%;*/
  }
}

@media (max-width: 768px) {
  .product-card {
    width: calc(100% / 2.5);
  }
}

@media only screen and (max-width: 600px) {
  .single-product-description-container {
    max-width: 400px;
  }
}

@media only screen and (max-width: 1024px) {
  .product_cat-plateaux-repas.has-post-thumbnail {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .product-button-and-price {
    flex-direction: column;
  }
}

@media screen and (min-width: 1025px) {
  .single-product-description-container {
    margin-left: 3rem;
    width: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .single-product-description-container {
    width: 100%;
  }
}

/*
common breakpoint
*/

/* Styles for phones */
@media (max-width: 768px) {
  .container {
    width: 100%;
  }
  div.woocommerce-product-gallery__wrapper {
    max-width: 15rem;
    /*height: auto;*/
    object-fit: cover;
  }
  .woocommerce-product-gallery__wrapper {
    display: flex;
    justify-content: center;
  }

  .woocommerce-product-gallery__wrapper {
    position: relative;
    /*width: 100%;*/
  }
  .single-product-description-container {
    width: 100%;
  }

  .product-button-and-price {
    display: flex;
    flex-direction: column-reverse;
  }
  .product-button-and-price > * {
    margin: 1rem 0;
  }
  .product-icons svg {
    width: 30px;
    height: 30px;
    margin: 5px;
  }

  .product-price .woocommerce-Price-amount.amount bdi {
    font-size: 30px;
  }
  .product-price .woocommerce-Price-amount.amount span {
    font-size: 25px;
  }

  /*slider boisson*/
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
    /*a revoir*/
  }

  .slider-nav.next svg {
    width: 60px;
    height: auto;
  }
  .slider-nav.prev svg {
    width: 60px;
    height: auto;
  }

  .product.type-product.product_cat-boisson.product-type-simple {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  /*plateaux repas*/
}
/* Styles for tablets */
@media (min-width: 601px) and (max-width: 1024px) {
  .woocommerce-product-gallery__wrapper {
    display: flex;
    justify-content: center;
  }
}

@media screen and (min-width: 1280px) {
  .content-area::after {
    position: absolute;
    content: url(../images/design/elements-graphiques/flat-lay-uncooked-spaghetti-penne-parmesan-qa-small-transparent.png);
    right: 0;
  }
}

#menus-speciaux .custom-image-wrapper {
  width: 100%;
  height: 400px;
}

button.add-to-cart {
  background-color: #fff;
  padding: 8px 20px;
  cursor: pointer;
  display: block;
  width: fit-content;
  text-decoration: none;
  color: #601a24;
  border: 1px solid #601a24;
  transition: background-color 0.3s, color 0.3s, padding-right 0.3s; /* Smooth transition */
  font-family: "Dosis", sans-serif;
  font-size: 18px;
  position: relative;
}

button.add-to-cart:hover {
  background-color: #601a24;
  color: #fff;
  padding-right: 2rem;
}

button.add-to-cart::after {
  content: "→";
  color: #fff;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  right: 0.5rem;
  top: 50%;
  transform: translate(100%, -50%);
}

button.add-to-cart:hover::after {
  opacity: 1;
  transform: translate(0, -50%);
}

button.button.cart-button:hover {
  background-color: #ceb481;
}

/*message alert single product*/
.button.cart-button:hover {
  background-color: #ceb481;
}

.product_cat-boisson .custom-image-wrapper img {
  width: 200px !important;
  height: 250px !important;
  object-fit: cover;
}

.boisson-product-container ul.products.columns-4 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  object-fit: cover;
}

.boisson-product-container
  .products.columns-4
  li
  a
  .woocommerce-loop-product__title {
  display: flex;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  min-height: 3rem;
  width: 100%;
}

.woocommerce-product-details__short-description > p {
  display: none;
}

/*add icons to list*/
.woocommerce-Tabs-panel--description ul li {
  list-style: none; /* Remove the default bullet points */
  position: relative; /* Required for positioning the custom bullet */
  padding-left: 25px; /* Add padding to accommodate the bullet icon */
}

.woocommerce-Tabs-panel--description ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(50%);
  width: 20px; /* Adjust the size of the icon */
  height: 20px; /* Adjust the size of the icon */
  background: url("../images/design/petales.svg") no-repeat center center;
  background-size: contain;
}

.woocommerce-tabs.wc-tabs-wrapper div ul li {
  font-size: 16px;
  font-family: "Dosis", sans-serif;
  color: #000000;
  font-weight: 300;
}
.woocommerce-tabs.wc-tabs-wrapper div ul li {
  padding: 10px 30px;
}
.woocommerce-tabs.wc-tabs-wrapper div ul li strong {
  font-weight: 600;
}

.product_cat-menus-speciaux.has-post-thumbnail {
  display: flex;
  flex-direction: row;
}

@media only screen and (max-width: 1024px) {
  .product_cat-menus-speciaux.has-post-thumbnail {
    flex-direction: column;
  }
}

.success-message{
margin: 5px;
color: #411417;
}

.boisson-titre{
	padding: 0 10%;
}