/* ---------- PATO_menu_items (presunuté do pluginu) ---------- */

/* Kontajner zoznamu */
.tc-menu-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Riadok položky — celý je klikateľný */
.tc-menu-item {
  display: grid;
  grid-template-columns: 120px 1fr 100px; /* obraz | text | cena */
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  text-decoration: none;
  color: inherit;
  transition: background .25s ease, border-color .25s ease,
              box-shadow .25s ease, transform .25s ease;
  cursor: pointer;      /* UX: rukavička */
  user-select: none;    /* UX: neoznačovať text pri kliknutí */
}

/* “rozsvietenie” pri hovere (svetlejší podklad + jemný tieň + zlatý akcent) */
.tc-menu-item:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.18);
  box-shadow: 0 10px 28px rgba(0,0,0,.18), inset 3px 0 #bd9c4a;
  transform: translateY(-2px);
}

/* prístupnosť */
.tc-menu-item:focus-visible {
  outline: 2px solid #bd9c4a;
  outline-offset: 2px;
}

/* Náhľad obrázka (vždy farebný) */
.tc-menu-item__thumb {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 0;
}
.tc-menu-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none !important;                 /* reset pôvodného grayscale */
  transform: scale(1.02);
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}

/* Jemné stmavenie cez overlay, ktorý na hover zmizne */
.tc-menu-item__thumb::after {
  content: "";
  position: absolute; inset: 0;
  background: rgba(0,0,0,.22);             /* mierne zašednuté v pokoji */
  transition: opacity .35s ease;
  opacity: 1;
}
.tc-menu-item:hover .tc-menu-item__thumb::after {
  opacity: 0;                              /* na hover úplne „vyfarbiť“ */
}
.tc-menu-item:hover .tc-menu-item__thumb img {
  transform: scale(1.06);                  /* jemný zoom na hover */
}

/* stredný stĺpec: názov + popis */
.tc-menu-item__content {
  display: grid;
  gap: 4px;
}
.tc-menu-item__title {
  font-weight: 600;
  letter-spacing: .2px;
}
.tc-menu-item__desc {
  opacity: .85;
  font-size: 14px;
  line-height: 1.4;
}

/* pravý stĺpec: cena */
.tc-menu-item__price {
  justify-self: end;
  font-weight: 600;
  white-space: nowrap;
}

/* responzívne stĺpce */
@media (max-width: 768px) {
  .tc-menu-item {
    grid-template-columns: 90px 1fr auto;
    gap: 12px;
  }
}
@media (max-width: 520px) {
  .tc-menu-item {
    grid-template-columns: 80px 1fr;
  }
  .tc-menu-item__price {
    grid-column: 2;
    justify-self: start;
    margin-top: 4px;
  }
}

/* Text v položkách – stále biely (aj Woo formátovanie ceny) */
.tc-menu-item__title,
.tc-menu-item__desc,
.tc-menu-item__price,
.tc-menu-item__price .amount,
.tc-menu-item__price bdi {
  color: #fff !important;
}
.tc-menu-item:hover .tc-menu-item__title,
.tc-menu-item:hover .tc-menu-item__desc,
.tc-menu-item:hover .tc-menu-item__price {
  color: #fff !important;
}
.tc-menu-item.tc-menu-item--with-action{
  display:grid;
  grid-template-columns:120px 1fr 100px 64px; /* obrázok | text | cena | akcia */
  align-items:center; gap:16px;
}
/* Pravý akčný stĺpec s košíkom pri položke menu */
.tc-menu-item.tc-menu-item--with-action{
  display:grid;
  grid-template-columns:120px 1fr 100px 64px; /* obrázok | text | cena | akcia */
  align-items:center; gap:16px;
}
.tc-menu-item__action{display:flex;justify-content:flex-end;align-items:center;}

.tc-menu-item__cart{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:10px;background:#bd9c4a;
  border:0;cursor:pointer;text-decoration:none
}
.tc-menu-item__cart:hover{filter:brightness(.95)}

.tc-menu-item__cart-icon{width:22px;height:22px;fill:#fff}

@media (max-width:768px){
  .tc-menu-item.tc-menu-item--with-action{grid-template-columns:90px 1fr auto}
  .tc-menu-item__price{justify-self:end}
  .tc-menu-item__action{justify-content:start;grid-column:2/-1;margin-top:6px}
}
.menu-cart-btn:hover { filter: brightness(.95); }
/* Skry "Zobraziť košík" odkaz, ktorý Woo vloží po AJAX pridaní */
.tc-menu-item__action .added_to_cart,
.menu-cart-btn + .added_to_cart {
  display: none !important;
}

/* Nehýb sa: fixné rozmery košík-ikon tlačidla aj po .added */
.menu-cart-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;         /* drží šírku, nepreskakuje */
  border-radius: 10px;
  background: #bd9c4a;
  border: 0;
  cursor: pointer;
  text-decoration: none;
}
.menu-cart-btn.added {               /* po pridaní nech sa vizuál nezmení */
  background: #bd9c4a !important;
  opacity: 1 !important;
  filter: none !important;
}
/* =================================================================== */
/* == Zobrazenie štítku "LIMITED" aj v Quick View okne == */
/* =================================================================== */

/* Vytvoríme nový "pseudo-element" ako kópiu štítku */
#my-qv-overlay .my-qv-media--square::after {
  /* Zdedíme obsah a štýl z pôvodného štítku, ak existuje */
  content: 'LIMITED'; /* Predvolený text */
  
  /* Aplikujeme rovnaké štýly, ako má pôvodný štítok */
  position: absolute;
  top: 18px; /* Upravíme pozíciu pre vnútro modálneho okna */
  right: 18px;
  background-color: #bd9c4a;
  color: #ffffff;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 4px;
  z-index: 2;
  
  /* Kľúčová časť: Štítok sa zobrazí IBA ak je modálne okno otvorené
     kliknutím na špeciálnu položku. To zistíme podľa triedy. */
  display: none; /* Štandardne je skrytý */
}

/* Teraz povieme, aby sa zobrazil, ak bol Quick View spustený zo špeciálnej položky */
/* Toto je však zložité zistiť. Urobme to inak. */
/* =================================================================== */
/* == VIZUÁL PRE LIMITOVANÉ POLOŽKY == */
/* =================================================================== */

.tc-menu-item--special {
  box-shadow: inset 4px 0 0 #bd9c4a;
}

.tc-menu-item--special:hover {
  box-shadow: 0 10px 28px rgba(0,0,0,.18), inset 4px 0 0 #e6c36c;
}

.tc-menu-item__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #bd9c4a;
  color: #ffffff;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 4px;
  z-index: 2;
  pointer-events: none;
}