/* sections */
.section {
  /* min-height: 100vh; */
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  /* grid-template-rows: repeat(3, 1fr); */
  grid-template-rows: auto;
  gap: 15px;
}
.section-66 {
  min-height: 66vh;
  /* grid-template-rows: repeat(2, 1fr); */
}
.section-edit-week{
  padding: 0 30%;
}
/* grid area */
#burgers {
  grid-area: burgers;
}
#sousec {
  grid-area: sousec;
}
#sousec-maison {
  grid-area: sousec-maison;
}
#suggestions {
  grid-area: suggestions;
}
#plats {
  grid-area: plats;
}
#snacks {
  grid-area: snacks;
}
#desserts {
  grid-area: desserts;
}
#soft-drinks {
  grid-area: soft-drinks;
}
#alcohol {
  grid-area: alcohol;
}
#bieres-pression {
  grid-area: bieres-pression;
}
#coopers-mix {
  grid-area: coopers-mix;
}
#strong-drinks {
  grid-area: strong-drinks;
}
#digestif-drinks {
  grid-area: digestif-drinks;
}
#nos-bouteilles {
  grid-area: nos-bouteilles;
}
#wines {
  grid-area: wines;
}
#next {
  grid-area: next;
}
.box-main#next:hover {
  text-decoration: none;
  color: white;
  background-color: #97baa6 !important;
}
.box-light#next:hover {
  text-decoration: none;
  color: white;
  background-color: #bc8b7c !important;
}
#next:hover h2 {
  transform: scale(1.05);
}
#next:hover svg {
  transform: translateX(15px);
}
#img-next {
  grid-area: img-next;
  background-image: url("/assets/photos/4k/DSC09662_PSMS.jpg");
}
#img-prev {
  grid-area: img-next;
  /* background-image: url("/assets/photos2/menu/drink/compressed/DSC_8520.jpg"); */
  background-image: url("/assets/photos/4k/DSC09830_PSMS.jpg");
  background-position: bottom;
}

#img1 {
  grid-area: img1;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_9981.jpg");
}

#img2 {
  grid-area: img2;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_9985.jpg");
}

#img3 {
  grid-area: img3;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_9990.jpg");
}

#img4 {
  grid-area: img4;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_0253.jpg");
}

#img5 {
  grid-area: img5;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_0208.jpg");
}
#img6 {
  grid-area: img6;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_9944.jpg");
}

#img7 {
  grid-area: img7;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_9964.jpg");
}

#img8 {
  grid-area: img8;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_0112.jpg");
}
#img9 {
  grid-area: img9;
  background-image: url("/assets/photos2/menu/kitchen/compressed/Pizzeria Coppers.png");
}
#img10 {
  grid-area: img10;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_8894.jpg");
}
#img11 {
  grid-area: img11;
  background-image: url("/assets/photos2/menu/kitchen/compressed/DSC_9051.jpg");
}
#img12 {
  grid-area: img12;
  /* background-image: url("/assets/photos/4k/DSC09882_PSMS.jpg"); */
  background-image: url("/assets/photos/4k/DSC09798_PSMS.jpg");
}
#img13 {
  grid-area: img13;
  background-image: url("/assets/photos/4k/DSC09653.jpg");
}

/* ------------------- drinks ------------------- */
#img14 {
  grid-area: img14;
  background-image: url("/assets/photos/4k/DSC09662_PSMS.jpg");
}
#img15 {
  grid-area: img15;
  background-image: url("/assets/photos/4k/DSC09694_PSMS.jpg");
}
#img16 {
  grid-area: img16;
  background-image: url("/assets/photos/4k/DSC09706_PSMS.jpg");
}
#img17 {
  grid-area: img17;
  background-image: url("/assets/photos/4k/DSC09750_PSMS.jpg");
}
#img18 {
  grid-area: img18;
  background-image: url("/assets/photos2/menu/drink/compressed/DSC_7971.jpg");
}
#img19 {
  grid-area: img19;
  background-image: url("/assets/photos2/menu/drink/compressed/DSC_7930.jpg");
}
#img20 {
  grid-area: img20;
  background-image: url("/assets/photos/4k/DSC09722_PSMS.jpg");
}
#img21 {
  grid-area: img21;
  background-image: url("/assets/photos/4k/DSC09782_PSMS.jpg");
}
#img22 {
  grid-area: img22;
  background-image: url("/assets/photos/4k/DSC09766_PSMS.jpg");
}
#img23 {
  grid-area: img23;
  background-image: url("/assets/photos/4k/DSC09981.jpg");
}
#img24 {
  grid-area: img24;
  background-image: url("/assets/photos/4k/DSC09998.jpg");
}
#img25 {
  grid-area: img25;
  background-image: url("/assets/photos/4k/DSC09678_PSMS.jpg");
}
#img26 {
  grid-area: img26;
  background-image: url("/assets/photos/4k/DSC09994.jpg");
}
#img27 {
  grid-area: img27;
  background-image: url("/assets/photos/4k/DSC09996.jpg");
}

#img28 {
  grid-area: img12;
  background-image: url("/assets/photos2/menu/drink/compressed/DSC_8769.jpg");
}
#img29 {
  grid-area: img13;
  background-image: url("/assets/photos2/menu/drink/compressed/DSC_8640.jpg");
}
#img30 {
  grid-area: img30;
  background-image: url("/assets/photos/4k/DSC_8555.jpg");
}
#img31 {
  grid-area: img31;
  background-image: url("/assets/photos/4k/DSC_8520.jpg");
}
#img32 {
  grid-area: img32;
  background-image: url("/assets/photos/4k/DSC_8745.jpg");
}

/* 0 row = 66vh */
#section0 {
  grid-template-areas:
    "suggestions suggestions suggestions suggestions img30 img32"
    "suggestions suggestions suggestions suggestions img31 img32";
}

/* 1 row = 33vh */
#section1 {
  grid-template-areas:
    "img1 burgers burgers burgers burgers sousec"
    "img2 burgers burgers burgers burgers sousec"
    "img3 burgers burgers burgers burgers sousec-maison"
    "img7 snacks snacks snacks snacks snacks"
    "img8 snacks snacks snacks snacks snacks"
    "img8 snacks snacks snacks snacks snacks"
    "plats plats plats plats img4 img6"
    "plats plats plats plats img5 img6";
}

/* 1 row = 66vh */
/* #section2 {
  grid-template-areas:
    "img7 snacks snacks snacks snacks snacks snacks"
    "img8 snacks snacks snacks snacks snacks snacks"
    "img8 snacks snacks snacks snacks snacks snacks";
} */

/* 1 row = 66vh */
#section3 {
  grid-template-areas:
    "img9 img11 desserts desserts desserts desserts"
    "img10 img11 desserts desserts desserts desserts"
    "img10 img11 desserts desserts desserts desserts";
}

/* 1 row = 33vh */
#section4 {
  grid-template-areas:
    "img12 img12 img12 img13 img13 img13"
    "img12 img12 img12 img13 img13 img13";
}

#section-next {
  grid-template-areas: "img-next img-next img-next next next next";
}

#section-drinks {
  grid-template-areas:
    " soft-drinks soft-drinks soft-drinks soft-drinks soft-drinks img14"
    " soft-drinks soft-drinks soft-drinks soft-drinks soft-drinks img15";
}
#section-bier {
  grid-template-areas:
    "img16 alcohol alcohol alcohol alcohol alcohol"
    "img17 alcohol alcohol alcohol alcohol alcohol";
}
#section-coctails {
  grid-template-areas:
    "coopers-mix coopers-mix coopers-mix coopers-mix coopers-mix img19"
    "coopers-mix coopers-mix coopers-mix coopers-mix coopers-mix img18";
}
#section-whiskey {
  grid-template-areas:
    "img20 strong-drinks strong-drinks strong-drinks strong-drinks strong-drinks"
    "img21 strong-drinks strong-drinks strong-drinks strong-drinks strong-drinks";
}
#section-digestif {
  grid-template-areas:
    "digestif-drinks digestif-drinks digestif-drinks digestif-drinks digestif-drinks img22 "
    "digestif-drinks digestif-drinks digestif-drinks digestif-drinks digestif-drinks img23 ";
}
#section-nos-bouteilles {
  grid-template-areas:
    "img24 nos-bouteilles nos-bouteilles nos-bouteilles nos-bouteilles nos-bouteilles"
    "img25 nos-bouteilles nos-bouteilles nos-bouteilles nos-bouteilles nos-bouteilles";
}
#section-wines {
  grid-template-areas:
    "wines wines wines wines wines img26"
    "wines wines wines wines wines img27";
}

/* ----- Content Styles ----- */
.box {
  color: white;
  display: block;
  justify-content: inherit;
  align-content: inherit;
  padding: 25px;
  text-align: center;
  min-height: 33vh;
}
.box hr {
  width: 100%;
  border-top: 2px solid white;
  margin: 0;
}
.padding-box {
  padding: 40px 100px;
}
.box-title h3 {
  display: flex;
  align-items: center;
}
.box-title span h4 {
  margin-left: 20px;
  font-size: 25px;
}
.menu {
  padding: 50px 0;
}
.menu-items {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
}
.menu-item {
  margin-bottom: 10px;
}
.menu-item p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.price {
  font-size: 22px;
  text-align: end;
}
.box-block {
  padding-top: 25px;
}
.box-block h4 {
  text-align: center;
  padding-bottom: 20px;
}
.box-block h4:last-child {
  padding-bottom: 0;
}
.ingridients-menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 50px;
}
.ingridients-menu-item h4 {
  padding-bottom: 20px;
}
.ingridients-menu-item h4:last-child {
  padding-bottom: 20px;
}
.ingridients-menu-item:last-child {
  justify-self: center;
}
.snacks {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.snacks-menu {
  margin-right: 60px;
}
.snacks-items {
  display: grid;
  grid-template-columns: auto auto;
  gap: 20px;
  align-items: center;
}
.deserts {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.link {
  text-decoration: underline;
}
.drinks hr {
  width: 95% !important;
}
.big-title hr {
  width: 90% !important;
}
.center-title {
  text-align: center;
}
.single-menu-item {
  margin-bottom: 50px;
}

/* filters */

.filters-wrapper {
  background-color: #e7e8e3;
  /*padding-top: 15px;
   padding-bottom: 15px; */
}

.global-wrapper.filters-wrapper {
  padding-bottom: 0;
}

.filters {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: auto;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; */
}

.swiper-slide a, .swiper-slide p {
  font-family: "Bebas Neue", cursive;
  font-size: 25px;
  /* font-size: 1.55rem; */
  color: #bc8b7c;
}

.swiper-slide a:hover {
  color: #8d4d44;
}
.filters-wrapper p {
  margin: 0;
}

/* -------------- MEDIA QUERIES -------------- */

@media (max-device-width: 1356px) {
  .coppers-box h1,
  .coppers-box h2 {
    font-size: 45px;
  }
}
@media (max-device-width: 1220px) {
  .deserts {
    grid-template-columns: 1fr;
  }
  .snack-text h4 {
    text-align: center;
  }
}
@media (max-device-width: 1100px) {
  .showcase {
    grid-template-columns: repeat(1, 1fr);
  }

  #yo {
    offset-position: unset;
  }

  .showcase-side {
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(3, 1fr);
  }

  .showcase-main {
    grid-area: auto;
  }
  .contacts-box h3 {
    color: #fff;
    font-size: 30px;
    font-family: "Bebas Neue";
    padding-bottom: 15px;
  }
  .contacts-box h4 {
    font-family: "Bebas Neue";
    font-size: 22px;
    color: #fff;
  }
  .box-title span h4 {
    font-size: 15px;
  }
  .box h5 {
    font-size: 15px;
  }
  .padding-box {
    padding: 40px 50px;
  }
  .section {
    grid-template-columns: repeat(3, 1fr);
  }
  .snacks {
    grid-template-columns: 1fr;
  }
  .snacks-menu {
    margin-right: 0;
  }
  .deserts {
    display: grid;
    grid-template-columns: 1fr;
  }
  .drinks hr {
    width: 100%;
  }
  .big-title hr {
    width: 100% !important;
  }
  .section-edit-week{
    padding: 0 15%;
  }
  #section0 {
    grid-template-areas:
      "img30 img30 img32"
      "img31 img31 img32"
      "suggestions suggestions suggestions"
      "suggestions suggestions suggestions";
  }

  #section1 {
    grid-template-areas:
      "img1 sousec-maison sousec-maison"
      "burgers burgers burgers"
      "img2 sousec sousec"
      "img3 sousec sousec"
      "img7 img8 img8"
      "snacks snacks snacks"
      "img4 img4 img6"
      "img5 img5 img6"
      "plats plats plats";
  }

  /* #section2 {
    grid-template-areas:
      "img7 img8 img8"
      "snacks snacks snacks";
  } */

  #section3 {
    grid-template-areas:
      "img9 img10 img10"
      "img11 img11 img11"
      "desserts desserts desserts";
  }

  #section4 {
    grid-template-areas:
      "img12 img12 img12"
      "img13 img13 img13";
  }
  #section-drinks {
    grid-template-areas:
      " soft-drinks soft-drinks  img14"
      " soft-drinks soft-drinks  img15"
      " soft-drinks soft-drinks  img15";
  }
  #section-bier {
    grid-template-areas:
      "img16 alcohol alcohol"
      "img17 alcohol alcohol"
      "img17 alcohol alcohol";
  }
  #section-coctails {
    grid-template-areas:
      "coopers-mix coopers-mix img19"
      "coopers-mix coopers-mix img18"
      "coopers-mix coopers-mix img18";
  }
  #section-whiskey {
    grid-template-areas:
      "img20 strong-drinks strong-drinks "
      "img21 strong-drinks strong-drinks "
      "img21 strong-drinks strong-drinks ";
  }
  #section-digestif {
    grid-template-areas:
      " digestif-drinks digestif-drinks img22 "
      " digestif-drinks digestif-drinks img23 "
      " digestif-drinks digestif-drinks img23 ";
  }
  #section-nos-bouteilles {
    grid-template-areas:
      "img24 nos-bouteilles nos-bouteilles"
      "img25 nos-bouteilles nos-bouteilles "
      "img25 nos-bouteilles nos-bouteilles ";
  }
  #section-wines {
    grid-template-areas:
      " wines wines img26"
      " wines wines img27"
      " wines wines img27";
  }
}

@media (max-device-width: 750px) {
  #section-next {
    grid-template-areas:
      "img-next img-next img-next img-next img-next img-next"
      "next next next next next next";
  }
}

@media (max-device-width: 610px) {
  .section-edit-week{
    padding: 0 30px;
  }
  .showcase-side {
    grid-template-columns: repeat(1, 1fr);
  }
  .coppers-box h3 {
    font-size: 35px;
  }
  .padding-box {
    padding: 40px 20px;
  }
  .menu {
    padding: 30px 0;
  }
  .single-menu-item {
    margin-bottom: 30px;
  }
  .menu-item p {
    font-size: 12px;
  }
  .price {
    font-size: 20px;
  }
  .ingridients-menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-top: 50px;
  }
  .ingridients-menu-item h4 {
    padding-bottom: 20px;
    font-size: 12px;
  }
  .ingridients-menu-item:last-child {
    justify-self: center;
  }
  .menu-item h4,
  .snack-text h4 {
    font-size: 20px;
  }
  .snack-text h4 {
    grid-column: span 2;
    -ms-grid-column: span 2;
  }
  .snacks-items {
    grid-template-columns: 1fr 1fr;
  }
  /* .box-img-66-mobile{
        min-height: 66vh;
      } */

  .section {
    grid-template-columns: repeat(2, 1fr);
  }

  #section0 {
    grid-template-areas:
      "img31 img32"
      "img31 img32"
      "suggestions suggestions";
  }
  #section1 {
    grid-template-areas:
      "img1 img2"
      "burgers burgers"
      "img3 img4"
      "sousec img6"
      "sousec-maison img5"
      "snacks snacks"
      "img7 img8"
      "plats plats";
  }

  /* #section2 {
    grid-template-areas:
      "img7 img8"
      "snacks snacks snacks";
  } */
  #section3 {
    grid-template-areas:
      "img9 img10"
      "img11 img11"
      "desserts desserts";
  }

  #section4 {
    grid-template-areas:
      "img12 img12"
      "img13 img13";
  }

  #section-drinks {
    grid-template-areas:
      " img14 img14"
      " soft-drinks soft-drinks"
      " soft-drinks soft-drinks";
  }
  #img15,
  #img17,
  #img18,
  #img21,
  #img23,
  #img25,
  #img27,
  #img30 {
    display: none;
  }
  #section-bier {
    grid-template-areas:
      "img16 img16"
      "alcohol alcohol"
      "alcohol alcohol";
  }
  #section-coctails {
    grid-template-areas:
      "img19 img19"
      "coopers-mix coopers-mix"
      "coopers-mix coopers-mix";
  }
  #section-whiskey {
    grid-template-areas:
      "img20 img20"
      "strong-drinks strong-drinks"
      "strong-drinks strong-drinks";
  }
  #section-digestif {
    grid-template-areas:
      " img22 img22"
      " digestif-drinks digestif-drinks"
      " digestif-drinks digestif-drinks";
  }
  #section-nos-bouteilles {
    grid-template-areas:
      "img24 img24"
      "nos-bouteilles nos-bouteilles"
      "nos-bouteilles nos-bouteilles";
  }
  #section-wines {
    grid-template-areas:
      "img26 img26"
      "wines wines"
      "wines wines";
  }
}

@media (max-device-width: 400px) {
  .section-edit-week{
    padding: 0 10px;
  }
  .box-title span h4 {
    font-size: 10px;
  }
  .box-block h4,
  .coppers-box h4 {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .ingridients-menu-item h4 {
    font-size: 14px;
    padding-bottom: 15px;
  }
  .box h5 {
    font-size: 11px;
  }
  .swiper-slide a, .swiper-slide p {
    font-size: 20px;
    /* font-size: 1.55rem; */
  }
  .coppers-box h3 {
    font-size: 25px;
    /* font-size: 1.55rem; */
  }
  .price {
    font-size: 16px;
  }
  .snacks-items {
    grid-template-columns: auto auto;
  }
}