/*STYLE DIFF*/
:root {
  --color-dark-900 : #0e2e53;
  --color-dark-800 : #0e2e53;
  --color-primary-400: #0e2e53;
  --color-primary-600: #0e2e53;
  --color-primary-500: #0e2e53;
}

@font-face {
  font-family: Primary;
  src: url('/user-data/factories/677/Taviraj-SemiBold.ttf');
  font-weight: 500;
}

@font-face {
  font-family: Primary;
  src: url('/user-data/factories/677/Taviraj-SemiBold.ttf');
  font-weight: 400;
} 
/* Raleway Regular */
@font-face {
  font-family: 'Raleway';
  src: url('/user-data/factories/677/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Raleway Medium */
@font-face {
  font-family: 'Raleway';
  src: url('/user-data/factories/677/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Raleway SemiBold */
@font-face {
  font-family: 'Raleway';
  src: url('/user-data/factories/677/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Raleway Bold */
@font-face {
  font-family: 'Raleway';
  src: url('/user-data/factories/677/Raleway-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


.toppanel::before{
  background-color:#fff;
}
.toppanel *,.bottom-panel .bottom-btn,.cart-price-column.cart-bonus .cart-col-name{
filter: brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(4257%) hue-rotate(187deg) brightness(98%) contrast(97%);
}
@media (min-width: 1024px) {
  .bottom-panel .bottom-btn-cart::after {
    background-image: var(--icon-cart_empty-gray);
  }
}

.bottom-panel .bottom-btn-cart > h4::before,.bottom-panel .bottom-btn-cart > h4{
  background:  white !important;
  color: #0e2e53 !important;
}
@media (max-width: 640px) {
.bottom-panel .bottom-btn-cart{
  filter: none;
  }
}

.extended-menu .food-types .active{
  color : #0e2e53;
}
.extended-menu .active > img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(83%) saturate(1499%) hue-rotate(195deg) brightness(94%) contrast(93%);
}
/**/

.extended-menu .food-types .active{
  color : #0e2e53;
  
}


.extended-menu .food-types .food-type-button > img,
.extended-menu .active > img {
  
   color : #0e2e53;
filter: brightness(0) saturate(100%) invert(11%) sepia(83%) saturate(1499%) hue-rotate(195deg) brightness(94%) contrast(93%);
}
.extended-menu .food-types .food-type-button::before {
  content: '';
  position: absolute;
  bottom: 0px; /* Adjust to move the wave up/down */
  left: 50%;
  width: calc(100% - 1rem);
  height: 8px; /* Height must be enough to show the wave curve */
  background-color: unset;
  /* Create the wave shape using a static SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath d='M0 3.5c5 0 5-3 10-3s5 3 10 3' fill='none' stroke='%230093bc' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 15px 8px; /* Change 15px to make the waves wider or tighter */
  

}

/* 2. Show only on Hover and Active */
.extended-menu .food-types .food-type-button:hover::before, 
.extended-menu .food-types .food-type-button.active::before {
  opacity: 1;

}
/**/
.items .items-title > h2::before,.items .items-title > h2::after{
  display: none;
}
.items .items-title h2 {
justify-content: center;
}
.items .item .item-photo-content-bottom > h4,.items .item .item-info-panel .item-info-btn:nth-child(2) > h4{
  color : #0e2e53;
}
.item-photo-content:hover{
  transition: all ease-in-out 1s;
transform: scale(105%)
}
.items .item .item-photo-content:hover{
  transform: scale(105%);
  transition: ease-in-out 0.5s;
}
.items .item .item-photo-content{
  transition: ease-in-out 0.5s;
}

footer .footer-33-col > p{
  text-align: left;
}
footer .footer-33-col > p{
  text-align: left;
  
}
.review-star {
filter: brightness(0) saturate(100%) invert(14%) sepia(18%) saturate(4257%) hue-rotate(187deg) brightness(98%) contrast(97%);
  
}
.map-container a.back-btn.js-back-to-contact,.map-container a.back-btn{
  color: #fff;
}
.menu .menu-btn .menu-btn-content::before{
  background-color : #0e2e53;
}
.menu{
background-color: color-mix(in srgb, #000 85%, transparent);  
}
.cart-sum .cart-price-column.cart-bonus,.notf-success,.item-detail-name,
.cart-sum .cart-price-column .cart-col-name, .cart-sum .cart-col-value{
  color : #0e2e53 !important;
}
.toggle input:checked + .toggle-control,.cart-sum .coupon-content > .set-coupon-btn{
  border-color:  #0e2e53;
  background-color:  #0e2e53;
}
.notification-box,.footer-33-col :not(h4),
.items .item .item-photo-content-bottom > p,.extended-menu .food-types .food-type-button.invisible,.extended-menu .food-types .food-type-button{
    font-family: 'Raleway';
}
footer .footer-payment-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 0.5rem;
}
footer .footer-payment-box > h4{
  font-family: "Primary"; /* or your specific heading font */
}

.extended-menu .food-types .food-type-button{
 color:  #0e2e53;
  
}

.cart-sum .cart-bottom-btns .cart-back-btn > a,.cart-items .item-change-btn,.add-cart-column .add-to-cart,input[type="submit"], input[type="button"], a.gradient-btn, a.back-btn,
.cart-back-btn > a, .cart-pay-btn > a, .set-coupon-btn, .edit-cookies-btn, .menu .menu-btn.selected .menu-btn-content::before,.menu .menu-btn.account-menu .menu-btn-content::before,
.menu .menu-btn:hover .menu-btn-content::before{
  border-radius: 999px !important;
  /* barva textu tlacitek*/
}

/* ANIMACE prevzana */

@media screen and (min-width: 769px) {

  /* Pouze BUY-NOW tlaÃÂÃÂ­tka - ÃÂervenÃÂ¡ s hover efektem */
  .items .item .item-buy-now,
  .item-detail-box .item-buy-now,
  .cart-pay-btn>a {
    border-radius: 999px !important;
    font-weight: 700 !important;

    border: none !important;
    transition: background-color 0.3s ease !important;
  }

  /* Aktivace animace po najetÃÂ­ myÃÂ¡ÃÂ­ + ztmavnutÃÂ­ - POUZE BUY-NOW */
  .items .item .item-buy-now:hover,
  .item-detail-box .item-buy-now:hover,
  .cart-pay-btn>a:hover {
    animation: buttonPulse 1.5s infinite;

    cursor: pointer;
  }
}


.close,
.fancybox-close,
.modal-close,
button.close {
  animation: none !important;
  box-shadow: none !important;
  transform: none !important;
  background: transparent !important;
  border-radius: 999 !important;
}


@media screen and (min-width: 769px) {

  .modal-footer input,
  .btn-secondary,
  .quantity-input button {
    animation: none !important;
    transform: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
    color: #333 !important;
    border-radius: 999px !important;
  }
}


.items .item:hover .item-photo-content::before {
  transform: scale(1.05) !important;
  transition: transform 0.5s ease-in-out !important;
}

.items .item .item-photo-content::before {
  transition: transform 0.5s ease-in-out !important;
}

/* 3. TEXTY A CENA - PlynulÃÂ½ posun */
.items .item h3,
.items .item h4,
.items .item p,
.items .item .price,
.items .item .item-info-btn {
  transition: transform 0.5s ease-in-out !important;
  backface-visibility: hidden !important;
  transform-origin: center center !important;
  will-change: transform !important;
}

/* 4. TLAÃÂÃÂTKO - Vzhled a pÃÂÃÂ­prava na pohyb (POUZE DESKTOP) */
@media screen and (min-width: 769px) {

  .items .item .item-buy-now,
  .items .item input[type="submit"] {
    /* ZÃÂ¡kladnÃÂ­ vzhled */
    border-radius: 999px !important;

    border: none !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;

    /* Pohyb - jen transition, bez transform */
    transition: transform 0.5s ease-in-out, background-color 0.3s !important;
  }

  /* 5. POHYB PÃÂI NAJETÃÂ MYÃÂ ÃÂ (HOVER) NA KARTU */

  /* A) Texty se posunou dolÃÂ¯ a zvÃÂtÃÂ¡ÃÂ­ */
  .items .item:hover h3,
  .items .item:hover h4,
  .items .item:hover p,
  .items .item:hover .price,
  .items .item:hover .item-info-btn {
    transform: scale(1.02) translateY(5px) !important;
  }

  /* B) TlaÃÂÃÂ­tko se posune dolÃÂ¯ a zaÃÂne pulzovat (pÃÂi hoveru na kartu) */
  .items .item:hover .item-buy-now,
  .items .item:hover input[type="submit"] {
    transform: translateY(5px) !important;
    animation: buttonPulse 1.5s infinite;

  }

  /* C) ZtmavnutÃÂ­ pÃÂi hoveru pÃÂÃÂ­mo na BUY-NOW tlaÃÂÃÂ­tko */
  .items .item .item-buy-now:hover,
  .items .item input[type="submit"]:hover,
  .item-detail-box .item-buy-now:hover,
  .cart-pay-btn>a:hover {

    cursor: pointer;
  }
}

@media (min-width: 1024px) {
  .bottom-panel .bottom-btn-cart::after {
    background-image: var(--icon-cart_empty-gray);
    filter: ;
    filter: brightness(0) saturate(100%) invert(12%) sepia(33%) saturate(3617%) hue-rotate(193deg) brightness(93%) contrast(91%);
  }
}

//Apple Safari 26.2 FIX
.items .item .item-photo-content::before{
  content:"";
  display:block;
  width:100%;
  padding-top:100%;
  border-radius: var(--border-radius-lg);

  background-image: var(--item-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}