.elementor-6894 .elementor-element.elementor-element-27248f1{margin-top:0px;margin-bottom:-20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6894 .elementor-element.elementor-element-2128aff .elementor-button{background-color:var( --e-global-color-1b699ca );fill:#FFFFFF;color:#FFFFFF;border-radius:7px 7px 7px 7px;}body:not(.rtl) .elementor-6894 .elementor-element.elementor-element-2128aff{right:-7px;}body.rtl .elementor-6894 .elementor-element.elementor-element-2128aff{left:-7px;}.elementor-6894 .elementor-element.elementor-element-2128aff{bottom:7px;}.elementor-6894 .elementor-element.elementor-element-2128aff .elementor-button-content-wrapper{flex-direction:row;}.elementor-6894 .elementor-element.elementor-element-2128aff .elementor-button .elementor-button-content-wrapper{gap:18px;}.elementor-6894 .elementor-element.elementor-element-650e046 .elementor-button{background-color:var( --e-global-color-1b699ca );fill:#FFFFFF;color:#FFFFFF;border-radius:7px 7px 7px 7px;}body:not(.rtl) .elementor-6894 .elementor-element.elementor-element-650e046{right:0px;}body.rtl .elementor-6894 .elementor-element.elementor-element-650e046{left:0px;}.elementor-6894 .elementor-element.elementor-element-650e046{bottom:70px;}.elementor-6894 .elementor-element.elementor-element-650e046 .elementor-button-content-wrapper{flex-direction:row;}.elementor-6894 .elementor-element.elementor-element-650e046 .elementor-button .elementor-button-content-wrapper{gap:18px;}.elementor-6894 .elementor-element.elementor-element-a44506e{margin-top:0px;margin-bottom:-20px;}.elementor-6894 .elementor-element.elementor-element-dc191f9{margin-top:0px;margin-bottom:-20px;}.elementor-6894 .elementor-element.elementor-element-43d5f34 > .elementor-background-overlay{background-image:url("https://shery.mymenu.bg/wp-content/uploads/2022/09/fon-scaled-e1688640998422.jpg");opacity:0.5;}/* Start custom CSS *//* =========================================
   WPC MENU LIST PRO - GLOBAL STYLE
   ========================================= */

:root {
  --blue: #17476d;
  --blue-dark: #123b5d;
  --blue-light: #2473a7;
  --text: #353b3f;
}


/* =========================================
   CARD
   ========================================= */

.wpc-food-menu-item,
.wpc-menu-item,
.wpc-menu-list-item,
.food-menu-item {
  position: relative;
  overflow: hidden;

  background: rgba(255,255,255,.88);

  border: 1px solid rgba(23,71,109,.12);
  border-radius: 12px;

  box-shadow:
    0 5px 16px rgba(18,59,93,.08),
    0 1px 4px rgba(0,0,0,.04);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}


/* BLUE HOVER LINE */

.wpc-food-menu-item::after,
.wpc-menu-item::after,
.wpc-menu-list-item::after,
.food-menu-item::after {
  content: "";

  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 3px;

  background:
    linear-gradient(
      90deg,
      var(--blue-dark),
      var(--blue-light),
      var(--blue-dark)
    );

  opacity: 0;

  transform: scaleX(.25);
  transform-origin: center;

  transition:
    transform .28s ease,
    opacity .28s ease;

  pointer-events: none;
}


/* DESKTOP HOVER */

@media (min-width: 1101px) {

  .wpc-food-menu-item:hover,
  .wpc-menu-item:hover,
  .wpc-menu-list-item:hover,
  .food-menu-item:hover {
    transform: translateY(-4px);

    border-color: rgba(23,71,109,.28);

    box-shadow:
      0 15px 30px rgba(18,59,93,.14),
      0 4px 10px rgba(0,0,0,.05);
  }


  .wpc-food-menu-item:hover::after,
  .wpc-menu-item:hover::after,
  .wpc-menu-list-item:hover::after,
  .food-menu-item:hover::after {
    opacity: 1;

    transform: scaleX(1);
  }
}


/* =========================================
   IMAGE
   ========================================= */

.wpc-food-menu-item img,
.wpc-menu-item img,
.wpc-menu-list-item img,
.food-menu-item img {
  display: block;

  width: 100%;
  max-width: 100%;
  height: auto;

  filter:
    contrast(1.03)
    saturate(1.04);

  transition:
    transform .3s ease,
    filter .3s ease;
}


@media (min-width: 1101px) {

  .wpc-food-menu-item:hover img,
  .wpc-menu-item:hover img,
  .wpc-menu-list-item:hover img,
  .food-menu-item:hover img {
    transform: scale(1.015);

    filter:
      contrast(1.04)
      saturate(1.07);
  }
}


/* =========================================
   TITLE
   ========================================= */

.wpc-food-menu-title,
.wpc-menu-title,

.wpc-food-menu-item h2,
.wpc-food-menu-item h3,
.wpc-food-menu-item h4,

.wpc-menu-item h2,
.wpc-menu-item h3,
.wpc-menu-item h4 {
  color: var(--blue);

  font-weight: 700;

  line-height: 1.25;

  margin-top: 10px;
  margin-bottom: 4px;
}


/* TITLE LINKS */

.wpc-food-menu-title a,
.wpc-menu-title a,

.wpc-food-menu-item h2 a,
.wpc-food-menu-item h3 a,
.wpc-food-menu-item h4 a,

.wpc-menu-item h2 a,
.wpc-menu-item h3 a,
.wpc-menu-item h4 a {
  color: inherit;

  text-decoration: none;
}


/* =========================================
   PRICE
   ========================================= */

.wpc-food-menu-item .price,
.wpc-menu-item .price,
.wpc-food-menu-price,
.wpc-menu-price {
  display: inline-block;

  width: fit-content;
  max-width: 100%;

  padding: 4px 8px;

  color: var(--blue-dark);

  background: rgba(23,71,109,.07);

  border: 1px solid rgba(23,71,109,.12);
  border-radius: 6px;

  font-weight: 800;

  line-height: 1.25;

  white-space: nowrap;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.wpc-food-menu-description,
.wpc-menu-description,

.wpc-food-menu-item p,
.wpc-menu-item p {
  display: block;

  width: 100%;

  margin-top: 6px;
  margin-bottom: 4px;

  padding:
    8px
    10px
    9px
    12px;

  color: var(--text);

  background: rgba(255,255,255,.42);

  border-left:
    2px solid
    rgba(23,71,109,.28);

  border-radius:
    0
    6px
    6px
    0;

  font-size: 14px;

  line-height: 1.55;

  overflow-wrap: break-word;
}


/* =========================================
   WIDE DESKTOP
   Price may stay beside title
   ========================================= */

@media (min-width: 1101px) {

  .wpc-food-menu-item h2:has(.price),
  .wpc-food-menu-item h3:has(.price),
  .wpc-food-menu-item h4:has(.price),

  .wpc-menu-item h2:has(.price),
  .wpc-menu-item h3:has(.price),
  .wpc-menu-item h4:has(.price) {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    width: 100%;
  }


  .wpc-food-menu-item h2:has(.price) > a,
  .wpc-food-menu-item h3:has(.price) > a,
  .wpc-food-menu-item h4:has(.price) > a,

  .wpc-menu-item h2:has(.price) > a,
  .wpc-menu-item h3:has(.price) > a,
  .wpc-menu-item h4:has(.price) > a {
    flex: 1 1 auto;

    min-width: 0;
  }


  .wpc-food-menu-item h2:has(.price) > .price,
  .wpc-food-menu-item h3:has(.price) > .price,
  .wpc-food-menu-item h4:has(.price) > .price,

  .wpc-menu-item h2:has(.price) > .price,
  .wpc-menu-item h3:has(.price) > .price,
  .wpc-menu-item h4:has(.price) > .price {
    margin-left: auto;

    flex: 0 0 auto;
  }
}


/* =========================================
   TABLET + NARROW DESKTOP
   PRICE UNDER TITLE
   ========================================= */

@media (max-width: 1100px) {

  .wpc-food-menu-item,
  .wpc-menu-item,
  .wpc-menu-list-item,
  .food-menu-item {
    width: 100%;
    max-width: 100%;

    transform: none;
  }


  /* STACK TITLE + PRICE */

  .wpc-food-menu-item h2:has(.price),
  .wpc-food-menu-item h3:has(.price),
  .wpc-food-menu-item h4:has(.price),

  .wpc-menu-item h2:has(.price),
  .wpc-menu-item h3:has(.price),
  .wpc-menu-item h4:has(.price) {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 4px;

    width: 100%;
  }


  /* TITLE */

  .wpc-food-menu-title,
  .wpc-menu-title,

  .wpc-food-menu-item h2,
  .wpc-food-menu-item h3,
  .wpc-food-menu-item h4,

  .wpc-menu-item h2,
  .wpc-menu-item h3,
  .wpc-menu-item h4 {
    width: 100%;

    margin-top: 10px;
    margin-bottom: 3px;
  }


  /* PRICE UNDER TITLE */

  .wpc-food-menu-item .price,
  .wpc-menu-item .price,
  .wpc-food-menu-price,
  .wpc-menu-price {
    position: static;

    display: inline-block;

    float: none;
    clear: both;

    width: fit-content;
    max-width: 100%;

    margin:
      3px
      0
      9px
      0;

    padding: 4px 8px;

    font-size: 14px;
  }


  /* STOP PRICE FROM MOVING RIGHT */

  .wpc-food-menu-item h2 > .price,
  .wpc-food-menu-item h3 > .price,
  .wpc-food-menu-item h4 > .price,

  .wpc-menu-item h2 > .price,
  .wpc-menu-item h3 > .price,
  .wpc-menu-item h4 > .price {
    align-self: flex-start;

    margin-left: 0;
    margin-right: 0;
  }


  /* DESCRIPTION */

  .wpc-food-menu-description,
  .wpc-menu-description,

  .wpc-food-menu-item p,
  .wpc-menu-item p {
    clear: both;

    width: 100%;

    margin-top: 2px;
  }


  /* disable hover movement */

  .wpc-food-menu-item:hover,
  .wpc-menu-item:hover,
  .wpc-menu-list-item:hover,
  .food-menu-item:hover {
    transform: none;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

  .wpc-food-menu-item,
  .wpc-menu-item,
  .wpc-menu-list-item,
  .food-menu-item {
    border-radius: 10px;

    box-shadow:
      0 4px 12px rgba(18,59,93,.08);
  }


  /* TITLE */

  .wpc-food-menu-title,
  .wpc-menu-title,

  .wpc-food-menu-item h2,
  .wpc-food-menu-item h3,
  .wpc-food-menu-item h4,

  .wpc-menu-item h2,
  .wpc-menu-item h3,
  .wpc-menu-item h4 {
    font-size: 19px;

    line-height: 1.22;
  }


  /* PRICE */

  .wpc-food-menu-item .price,
  .wpc-menu-item .price,
  .wpc-food-menu-price,
  .wpc-menu-price {
    font-size: 13px;

    padding: 4px 7px;

    margin-bottom: 8px;
  }


  /* DESCRIPTION */

  .wpc-food-menu-description,
  .wpc-menu-description,

  .wpc-food-menu-item p,
  .wpc-menu-item p {
    padding:
      8px
      9px
      8px
      11px;

    font-size: 13.5px;

    line-height: 1.5;
  }


  /* no blue hover line on touch */

  .wpc-food-menu-item::after,
  .wpc-menu-item::after,
  .wpc-menu-list-item::after,
  .food-menu-item::after {
    display: none;
  }
}/* End custom CSS */