/* =========================
   Pizza Casa - Category Chips
   Block: woocommerce/product-categories (list)
   Class: pc-cat-chips
   ========================= */

.pc-cat-chips { margin: 0; }

/* Horizontal, scrollable row */
.pc-cat-chips .wc-block-product-categories-list{
  list-style: none;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.pc-cat-chips .wc-block-product-categories-list::-webkit-scrollbar{ display:none; }

.pc-cat-chips .wc-block-product-categories-list-item{
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
}

.pc-cat-chips .wc-block-product-categories-list-item > a{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;

  /* "chip" look */
  border: 1px solid rgba(0,0,0,.14);
  background: #fff;
  color: #111;
}

/* Count hidden */
.pc-cat-chips .wc-block-product-categories-list-item-count{
  display: none !important;
}

/* Uncategorized hidden */
.pc-cat-chips a[href*="/product-category/uncategorized/"]{
  display:none !important;
}

/* Hover */
.pc-cat-chips .wc-block-product-categories-list-item > a:hover{
  border-color: rgba(0,0,0,.35);
}

/* Active state on category pages (slug-based) */
body.tax-product_cat .pc-cat-chips a[href*="/product-category/"]{
  opacity: .9;
}
body.tax-product_cat.term-pizzak .pc-cat-chips a[href*="/product-category/pizzak/"],
body.tax-product_cat.term-burgerek .pc-cat-chips a[href*="/product-category/burgerek/"],
body.tax-product_cat.term-italok .pc-cat-chips a[href*="/product-category/italok/"],
body.tax-product_cat.term-desszertek .pc-cat-chips a[href*="/product-category/desszertek/"],
body.tax-product_cat.term-gyros .pc-cat-chips a[href*="/product-category/gyros/"],
body.tax-product_cat.term-tesztak .pc-cat-chips a[href*="/product-category/tesztak/"]{
  background: #111;
  border-color: #111;
  color: #fff;
  opacity: 1;
}

/* Quick icons (emoji version - later swap to SVG) */
.pc-cat-chips a[href*="/product-category/pizzak/"]::before{ content:"🍕"; }
.pc-cat-chips a[href*="/product-category/burgerek/"]::before{ content:"🍔"; }
.pc-cat-chips a[href*="/product-category/italok/"]::before{ content:"🥤"; }
.pc-cat-chips a[href*="/product-category/desszertek/"]::before{ content:"🍰"; }
.pc-cat-chips a[href*="/product-category/gyros/"]::before{ content:"🌯"; }
.pc-cat-chips a[href*="/product-category/tesztak/"]::before{ content:"🍝"; }

.pc-cat-chips .wc-block-product-categories-list-item > a::before{
  font-size: 1.05em;
  line-height: 1;
}
/* Chips - Pizza Casa look */
.pc-cat-chips .wc-block-product-categories-list-item > a{
  border: 1px solid rgba(255,42,109,.55);
  background: #fff;
  color: #111;
}

.pc-cat-chips .wc-block-product-categories-list-item > a:hover{
  border-color: rgba(255,42,109,.9);
}

/* Active chip */
body.tax-product_cat .pc-cat-chips .wc-block-product-categories-list-item > a{
  background:#fff;
}
body.tax-product_cat.term-burgerek .pc-cat-chips a[href*="/product-category/burgerek/"],
body.tax-product_cat.term-pizzak .pc-cat-chips a[href*="/product-category/pizzak/"],
body.tax-product_cat.term-italok .pc-cat-chips a[href*="/product-category/italok/"]{
  background: linear-gradient(90deg, #ff2a6d, #ff4d4d);
  color:#fff;
  border-color: transparent;
}

/* =========================
   Pizza Casa - Category Grid
   Block: woocommerce/product-categories (has-images)
   Class: pc-cat-grid
   ========================= */

/* Grid layout */
.pc-cat-grid .wc-block-product-categories-list{
  list-style:none;
  padding:0 !important;
  margin:0 !important;
  display:grid;
  gap:16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1024px){
  .pc-cat-grid .wc-block-product-categories-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:12px;
  }
}

/* Hide counts + Uncategorized */
.pc-cat-grid .wc-block-product-categories-list-item-count{
  display:none !important;
}
.pc-cat-grid a[href*="/product-category/uncategorized/"]{
  display:none !important;
}

/* Card */
.pc-cat-grid .wc-block-product-categories-list-item{
  margin:0 !important;
  padding:0 !important;
}

.pc-cat-grid .wc-block-product-categories-list-item > a{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:18px;
  text-decoration:none !important;

  border:1px solid rgba(0,0,0,.10);
  background:#fff;
}

/* Image crop */
.pc-cat-grid .wc-block-product-categories-list-item__image{
  display:block;
}
.pc-cat-grid .wc-block-product-categories-list-item__image img{
  width:100%;
  height:210px;         /* desktop */
  object-fit:cover;
  display:block;
}

@media (max-width: 1024px){
  .pc-cat-grid .wc-block-product-categories-list-item__image img{
    height:170px;       /* mobile */
  }
}

/* Pizza Casa-style bottom ribbon */
.pc-cat-grid .wc-block-product-categories-list-item > a::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:52px;
  background: linear-gradient(90deg, #ff2a6d, #ff4d4d);
  pointer-events:none;
  z-index:1;
  opacity: .95;
}

/* Category name on the ribbon */
.pc-cat-grid .wc-block-product-categories-list-item__name{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;

  padding: 14px 14px;
  font-weight:800;
  text-align:center;

  background: transparent;
  color:#fff;
  border-radius:0;
}

/* remove the black pill look if any remains */
.pc-cat-grid .wc-block-product-categories-list-item__name{
  box-shadow:none;
}
/* --- FIX: ensure category images are visible --- */
.pc-cat-grid .wc-block-product-categories-list-item > a{
  position: relative;
  overflow: hidden;
}

/* Make the image layer explicit and always behind text/ribbon */
.pc-cat-grid .wc-block-product-categories-list-item__image{
  position: relative;
  z-index: 0;
  display: block;
}

.pc-cat-grid .wc-block-product-categories-list-item__image img{
  position: relative;
  z-index: 0;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

/* Put ribbon above image */
.pc-cat-grid .wc-block-product-categories-list-item > a::after{
  z-index: 1;
}

/* Put name above ribbon */
.pc-cat-grid .wc-block-product-categories-list-item__name{
  z-index: 2;
}

/* If any pseudo-overlay exists elsewhere, ensure it doesn't cover the whole card */
.pc-cat-grid .wc-block-product-categories-list-item > a::before{
  pointer-events:none;
}
/* --- FIX: image span falls out of card (Woo category grid) --- */

/* Make the whole card link a block card */
.pc-cat-grid .wc-block-product-categories-list-item > a{
  display: block !important;
  width: 100%;
  position: relative;
}

/* Force the image wrapper to behave like a full-width block */
.pc-cat-grid .wc-block-product-categories-list-item__image{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Also force the <img> to fill the wrapper */
.pc-cat-grid .wc-block-product-categories-list-item__image img{
  display: block !important;
  width: 100% !important;
  height: 210px !important;         /* állítható */
  object-fit: cover !important;
  border-radius: 18px !important;    /* ha a kártya is kerek */
}

/* If the block is trying to make <a> flex, override it */
.pc-cat-grid .wc-block-product-categories-list-item > a{
  flex-direction: initial !important;
  align-items: initial !important;
}
.pc-cat-grid a[href*="/product-category/uncategorized/"],
.pc-cat-chips a[href*="/product-category/uncategorized/"]{
  display: none !important;
}
/* card look */
.pc-cat-grid .wc-block-product-categories-list-item > a{
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.08) !important;
  background: #fff !important;
}

/* title bar */
.pc-cat-grid .wc-block-product-categories-list-item__name{
  display: block !important;
  padding: 14px 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #fff !important;
  background: linear-gradient(90deg, #ff2f6d, #ff4b4b) !important;
  margin: 0 !important;
}
.pc-cat-grid .woocommerce-placeholder{
  opacity: .25 !important;
  filter: grayscale(1) !important;
}
/* alap: 2 oszlop mobilon */
.pc-cat-grid ul.wc-block-product-categories-list{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

/* tablet */
@media (min-width: 768px){
  .pc-cat-grid ul.wc-block-product-categories-list{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* desktop: 5 oszlop */
@media (min-width: 1200px){
  .pc-cat-grid ul.wc-block-product-categories-list{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
/* ===== Chips: vízszintes scroll mobilon ===== */
.pc-cat-chips .wc-block-product-categories-list{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 8px 12px;
  margin: 0;

  /* szép scrollbar elrejtés */
  scrollbar-width: none;          /* Firefox */
}
.pc-cat-chips .wc-block-product-categories-list::-webkit-scrollbar{
  display: none;                  /* Chrome/Safari */
}

.pc-cat-chips .wc-block-product-categories-list-item{
  flex: 0 0 auto;
  scroll-snap-align: start;
}

/* a link ne törjön sort, legyen “chip” jelleg */
.pc-cat-chips .wc-block-product-categories-list-item a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

/* a darabszámot (1) stb. tipikusan érdemes elrejteni mobil chipnél */
.pc-cat-chips .wc-block-product-categories-list-item-count{
  display: none;
}

/* opcionális: “fade” a két szélen, hogy látszódjon, hogy görgethető */
@media (max-width: 768px){
  .pc-cat-chips{
    position: relative;
  }
  .pc-cat-chips:before,
  .pc-cat-chips:after{
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 22px;
    pointer-events: none;
    z-index: 2;
  }
  .pc-cat-chips:before{
    left: 0;
    background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
  }
  .pc-cat-chips:after{
    right: 0;
    background: linear-gradient(270deg, rgba(255,255,255,1), rgba(255,255,255,0));
  }
}
/* A chips UL legyen görgethető sáv */
.pc-cat-chips .wc-block-product-categories-list{
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;

  /* ez adja, hogy az eleje képernyőn belül legyen */
  padding-left: 16px;
  padding-right: 24px;
  padding-bottom: 6px;

  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  /* görgetősáv legyen kulturált */
  scrollbar-width: thin; /* Firefox */
}

/* Ne tördeljen */
.pc-cat-chips .wc-block-product-categories-list-item{
  flex: 0 0 auto;
}

/* Cursor visszajelzés draghez */
.pc-cat-chips .wc-block-product-categories-list.is-draggable{
  cursor: grab;
}
.pc-cat-chips .wc-block-product-categories-list.is-draggable.is-dragging{
  cursor: grabbing;
}

/* Sticky + scroll esetén néha levág a parent overflow.
   Ha ilyet látsz, ezt érdemes a chips wrapperre adni: */
.pc-cat-chips{
  overflow: visible;
}
.pc-cat-chips .wc-block-product-categories-list{
  scroll-snap-type: x proximity;
}
.pc-cat-chips .wc-block-product-categories-list-item{
  scroll-snap-align: start;
}
.pc-cat-chips ul {
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
}

.pc-cat-chips ul.is-dragging {
    scroll-behavior: auto;
    user-select: none;
}
/* chips wrapper / ul */
.pc-cat-chips ul{
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;            /* natív touch scroll */
  cursor: grab;
  user-select: none;
}

.pc-cat-chips ul.is-dragging{
  cursor: grabbing;
  scroll-behavior: auto;
}

/* húzás közben ne kattinthatóak a linkek (különben “ragad”) */
.pc-cat-chips ul.is-dragging a{
  pointer-events: none;
}

/* opcionális: ne jelenjen meg scrollbar */
.pc-cat-chips ul::-webkit-scrollbar{ display:none; }
.pc-cat-chips ul{ scrollbar-width:none; }
.woocommerce ul.products li.product {
    background:#fff;
    border-radius:12px;
    padding:16px;
    box-shadow:0 4px 14px rgba(0,0,0,0.06);
    transition:0.3s;
    border: #ff2a6d 1px solid;
}

.woocommerce ul.products li.product:hover {
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}
.woocommerce ul.products li.product .price {
  font-weight: bold;
}
/* 1) Oldal háttér finomítása (food = ne vakfehér) */
.woocommerce.archive {
  background: #faf8f6;
}
.woocommerce.archive .site-content {
  padding-top: 24px;
}

/* 2) Termékkártya: egységes, finom árnyék, hover */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #ff000029;
  border-radius: 16px;
  overflow: hidden;
  padding: 14px;
  box-shadow: 0 8px 26px rgba(0,0,0,0.06);
  transition: transform .2s ease, box-shadow .2s ease;
  display: flex;
  flex-direction: column;
  min-height: 420px; /* egységesebb kártyamagasság */
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(0,0,0,0.10);
}

/* 3) Kép: fix arány, ne ugráljon */
.woocommerce ul.products li.product a img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  border-radius: 12px;
}

/* 4) Cím: max 2 sor, egységes tipó */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  margin: 12px 0 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* 2 sor */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 45px;             /* hogy a cím ne törje szét a rácsot */
}

/* 5) Ár: legyen “étlap” jellegű, erősebb */
.woocommerce ul.products li.product .price {
  font-size: 18px;
  font-weight: 800;
  margin: 6px 0 10px;
}

/* 6) CTA: kisebb, elegánsabb, konverziós hover */
.woocommerce ul.products li.product a.button {
  margin-top: 10px;
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: .2px;
}

/* 7) “Kosárba teszem” tördelés megszüntetése */
.woocommerce ul.products li.product a.button {
  white-space: nowrap;
}

/* 8) Grid spacing finomítása */
.woocommerce ul.products {
  gap: 18px;
}
@media (max-width: 767px) {
 .woocommerce ul.products li.product .entry-content-wrap {
    padding: 1rem 0.25rem 1.5rem;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 14px;
  }
  .woocommerce ul.products li.product{
    padding: 12px;
  }
}
.pc-badge{
  position:absolute; top:6px; left:6px;
  background:#ff2d55; color:#fff;
  font-size:12px; font-weight:800;
  padding:6px 10px; border-radius: .25rem;
}
.woocommerce ul.products li.product{ position:relative; }
/* Allergének kiemelése a terméklistában */
.product-allergens {
    font-size: 14px;
    font-weight: bold;
    color: #d9534f; /* piros, ha figyelmeztetni akarunk */
    margin-top: 5px;
}

/* Allergének szekció a termékoldalon */
.product-allergens {
    background-color: #f9f9f9;
    padding: 15px;
    border: 1px solid #ddd;
    margin-top: 20px;
}

.product-allergens h3 {
    color: #d9534f;
    margin-bottom: 10px;
}

.product-allergens p {
    font-size: 14px;
    color: #555;
}
/* Loop variáció ár kezelés */
/* 1) WC variation price div alapból rejtve */
.woocommerce ul.products li.product .woocommerce-variation-price {
    display: none !important;
}
/* 2) Ha van kiválasztott variáció: csak a range .price rejtve,
      a .woocommerce-variation-price belsejében lévő .price NEM */
.woocommerce ul.products li.product.pc-has-variation .price:not(.woocommerce-variation-price .price) {
    display: none !important;
}
.woocommerce ul.products li.product.pc-has-variation .woocommerce-variation-price {
    display: block !important;
}

/* Kapcsolódó és upsell termékek */
.related.products ul.products li.product,
.upsells.products ul.products li.product {
    border: none !important;
    box-shadow: none !important;
}

.related.products ul.products li.product .price,
.upsells.products ul.products li.product .price {
    position: static !important;
}

.related.products ul.products li.product .woocommerce-loop-product__title,
.upsells.products ul.products li.product .woocommerce-loop-product__title {
    padding: 0 !important;
}

/* Related/upsell – variation form layout javítás */
.related.products .variations_form .variations,
.upsells.products .variations_form .variations {
    margin-bottom: 8px !important;
}

.related.products .variations_form .variations td,
.upsells.products .variations_form .variations td {
    display: block !important;
    padding: 0 0 6px 0 !important;
}

.related.products .variations_form .variations th,
.upsells.products .variations_form .variations th {
    display: block !important;
    padding: 0 0 4px 0 !important;
    text-align: left !important;
}

.related.products .single_variation_wrap,
.upsells.products .single_variation_wrap {
    margin-top: 8px !important;
}

.related.products .woocommerce-variation-price,
.upsells.products .woocommerce-variation-price {
    margin-bottom: 8px !important;
}

.related.products .variations_button,
.upsells.products .variations_button {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.related.products .variations_button .quantity,
.upsells.products .variations_button .quantity {
    flex-shrink: 0 !important;
}

.related.products .variations_button .single_add_to_cart_button,
.upsells.products .variations_button .single_add_to_cart_button {
    flex: 1 !important;
    white-space: nowrap !important;
    padding: 10px 16px !important;
    line-height: 1.4 !important;
    height: auto !important;
}

/* Promo bar */
.promo-bar {
    background-color: #c0392b;
    color: #fff;
    position: relative;
    height: 44px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promo-slider {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promo-item {
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    opacity: 0;
    white-space: nowrap;
    text-decoration: none;
    animation-name: promoRotate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.promo-icon {
    font-size: 16px;
    flex-shrink: 0;
}

.promo-text {
    overflow: visible;
    text-overflow: unset;
    white-space: nowrap;
}

/* ── Lista nézet (Kadence) ── */
.products-list-view ul.products li.product,
.woo-archive-loop.products-list-view li.product {
    flex-direction: row !important;
    min-height: unset !important;
    gap: 16px !important;
    padding: 5px 16px !important;
}

.products-list-view ul.products li.product a img,
.woo-archive-loop.products-list-view li.product a img {
    width: 140px !important;
    height: 140px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    border-radius: 10px !important;
}

.products-list-view ul.products li.product .product-details,
.products-list-view ul.products li.product .entry-content-wrap,
.woo-archive-loop.products-list-view li.product .product-details,
.woo-archive-loop.products-list-view li.product .entry-content-wrap {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    padding: 0 !important;
}

/* Cím ne legyen levágva lista nézetben */
.products-list-view ul.products li.product .woocommerce-loop-product__title,
.woo-archive-loop.products-list-view li.product .woocommerce-loop-product__title {
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    min-height: unset !important;
}

/* Ár lista nézetben */
.products-list-view ul.products li.product .price,
.woo-archive-loop.products-list-view li.product .price {
    font-size: 16px !important;
    margin: 4px 0 8px !important;
}

/* ── Allergén doboz: loop-ban nincs keret/háttér ── */
.woocommerce ul.products li.product .product-allergens {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 4px 0 !important;
    font-size: 13px !important;
}

/* ── Loop variation form: gomb és mennyiség egy sorban ── */
.woocommerce ul.products li.product .variations_form .variations_button {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-top: 8px !important;
}

.woocommerce ul.products li.product .variations_form .quantity {
    flex-shrink: 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce ul.products li.product .variations_form .single_add_to_cart_button {
    flex: 1 !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

/* ── Single variation wrap: ne vegyen el helyet üres állapotban ── */
.woocommerce ul.products li.product .single_variation_wrap .woocommerce-variation {
    min-height: unset !important;
}

/* ── Loop lista nézet: ár jobb felső sarokba ── */
.products-list-view ul.products li.product .price,
.woo-archive-loop.products-list-view li.product .price {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    margin: 0 !important;
    font-size: 15px !important;
}

/* A kártya legyen relative hogy az ár pozícionálható legyen */
.products-list-view ul.products li.product,
.woo-archive-loop.products-list-view li.product {
    position: relative !important;
}

/* ── Loop variation form: méret + db + gomb EGY sorban ── */
.woocommerce ul.products li.product .variations_form .variations {
    margin: 0 !important;
}

.woocommerce ul.products li.product .variations_form .variations tr {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.woocommerce ul.products li.product .variations_form .variations th,
.woocommerce ul.products li.product .variations_form .variations td {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

.woocommerce ul.products li.product .variations_form .variations th {
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.woocommerce ul.products li.product .variations_form .variations td {
    flex: 1 !important;
    gap: 6px !important;
}

/* ── Méret selector + db + gomb egy sorban ── */
.woocommerce ul.products li.product .single_variation_wrap {
    margin: 0 !important;
}

.woocommerce ul.products li.product .variations_button {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    margin-top: 8px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.woocommerce ul.products li.product .variations_button .quantity {
    flex-shrink: 0 !important;
    width: auto !important;
}

.woocommerce ul.products li.product .variations_button .single_add_to_cart_button {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0.2em 0.6em !important;
    white-space: nowrap !important;
}

/* ── Single variation (ár megjelenítés) elrejtése ha üres ── */
.woocommerce ul.products li.product .woocommerce-variation-description,
.woocommerce ul.products li.product .woocommerce-variation-availability {
    display: none !important;
}

.woocommerce ul.products li.product .woocommerce-variation.single_variation {
    padding: 0 !important;
    min-height: unset !important;
}

/* ── Lista nézet grid arány javítás ── */
.woocommerce ul.products.products-list-view li.product {
    display: grid !important;
    grid-template-columns: 0.5fr 2fr !important;
    flex-direction: unset !important;
}

/* ── Méret select font ── */
.variations .value select {
    font-size: 15px !important;
}

/* ── Kosárba gomb: ne nyúljon szét ── */
.woocommerce ul.products li.product .variations_button button,
.woocommerce ul.products li.product .variations_button .single_add_to_cart_button {
    max-width: fit-content !important;
    flex: 0 0 auto !important;
}

/* ── db + gomb biztosan egy sorban ── */
.woocommerce ul.products li.product .variations_button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
}

/* ── Loop kártya: pontos selectorok a HTML alapján ── */

/* Ár: jobb felső sarokba – csak termék listában */
.woocommerce ul.products li.product .entry-content-wrap .price {
    position: absolute !important;
    top: 12px !important;
    right: 16px !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* product-details legyen relative az ár pozícionáláshoz */
.woocommerce ul.products li.product .product-details {
    position: relative !important;
}

/* Méretválasztó tábla: egy sor, inline */
.product-action-wrap .variations_form {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.product-action-wrap table.variations {
    display: block !important;
    width: auto !important;
}

.product-action-wrap table.variations tbody,
.product-action-wrap table.variations tr {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.product-action-wrap table.variations th.label {
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    width: auto !important;
}

.product-action-wrap table.variations td.value {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    flex: 1 !important;
}

.product-action-wrap table.variations td.value select {
    flex: 1 !important;
    font-size: 14px !important;
    padding: 6px 8px !important;
}

/* db +- és gomb: egy sorban */
.product-action-wrap .variations_button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
}

.product-action-wrap .variations_button .quantity.spinners-added {
    flex-shrink: 0 !important;
    width: auto !important;
}

.product-action-wrap .variations_button .single_add_to_cart_button {
    max-width: fit-content !important;
    flex: 0 0 auto !important;
    padding: 8px 18px !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

/* single_variation (ár választás után): ne vegyen el helyet */
.product-action-wrap .single_variation_wrap .woocommerce-variation.single_variation {
    min-height: unset !important;
    padding: 0 !important;
}

.product-action-wrap .woocommerce-variation-description,
.product-action-wrap .woocommerce-variation-availability {
    display: none !important;
}

/* ── Sáv magasság csökkentése ── */
.product-excerpt p {
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin: 0 !important;
}

.product-action-wrap .variations_form {
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { 
  right: 3.5rem;
}
/* ── Mobil lista nézet ── */
@media (max-width: 767px) {
    .woocommerce ul.products.products-list-view li.product {
        grid-template-columns: 1fr 2fr !important;
        padding: 10px !important;
        gap: 10px !important;
    }

    /* Kép kisebb mobilon */
    .woocommerce ul.products.products-list-view li.product a img {
        width: 100% !important;
        height: 100px !important;
    }

    /* Cím kisebb */
    .woocommerce ul.products.products-list-view li.product .woocommerce-loop-product__title {
        font-size: 14px !important;
    }

    /* Ár kisebb */
    .woocommerce ul.products.products-list-view li.product .price {
        font-size: 13px !important;
    }

    /* Méretválasztó kisebb */
    .product-action-wrap table.variations td.value select {
        font-size: 12px !important;
        padding: 4px 6px !important;
    }

    .product-action-wrap table.variations th.label {
        font-size: 12px !important;
    }

    /* Quantity +/- kisebb */
    .product-action-wrap .quantity.spinners-added input.qty {
        width: 30px !important;
        font-size: 13px !important;
        padding: 4px !important;
    }

    .product-action-wrap .quantity.spinners-added input[type=button] {
        width: 24px !important;
        height: 24px !important;
        font-size: 14px !important;
        padding: 0 !important;
    }
    /* Kosárba gomb kisebb */
    .product-action-wrap .single_add_to_cart_button {
        font-size: 12px !important;
        padding: 6px 10px !important;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__trigger { 
      right: 1.5rem;
    }
}

/* Allergén tagek */
.pc-allergen-tag {
    color: inherit !important;
}
.pc-allergen-tag.pc-allergen-alert {
    color: #ff2a6d !important;
    font-weight: 700 !important;
}
.product-allergens {
    color: #737373 !important;
}
.product-allergens {
    color: #737373 !important;
}
/* ── Sima termék kosárba gomb: ne legyen teljes széles ── */
.product-action-wrap a.add_to_cart_button {
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 18px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
}
/* ── "Kosár" link kosárba rakás után: gomb kinézet ── */
.product-action-wrap a.added_to_cart.wc-forward {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    border: 2px solid #ff2a6d !important;
    color: #ff2a6d !important;
    background: transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.product-action-wrap a.added_to_cart.wc-forward:hover {
    background: #ff2a6d !important;
    color: #fff !important;
}
/* A két gomb (added + kosár link) egymás mellett */
.product-action-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 0 !important;
}
/* ── Addon / Feltét választó ── */
.pc-addons {
    margin: 8px 0 4px;
}
.pc-addon-group {
    margin-bottom: 8px;
}
.pc-addon-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    margin-bottom: 4px;
}
.pc-addon-required {
    color: #ff2a6d;
}
.pc-addon-group select {
    width: 100%;
    font-size: 14px;
    padding: 5px 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.pc-addon-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.pc-addon-check-label {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    cursor: pointer;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 4px 8px;
}
.pc-addon-check-label:has(input:checked) {
    background: #fff0f4;
    border-color: #ff2a6d;
    color: #ff2a6d;
}
.pc-addon-surcharge {
    font-size: 12px;
    color: #ff2a6d;
    font-weight: 600;
    margin-top: 4px;
}
/* Kapcsolódó/upsell termékek: feltét választó elrejtése */
.related.products .pc-addons,
.upsells.products .pc-addons {
    display: none !important;
}
/* Kapcsolódó termékek: ár új sorba, position absolute felülírása */
.related.products ul.products li.product .price,
.upsells.products ul.products li.product .price {
    display: block !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 4px 0 !important;
    font-size: 15px !important;
}
main{
  background-color: #fff9f9;
}
.woocommerce ul.products li.product .price{
  color: #b82105;
}
.woocommerce ul.products li.product .price del{
  margin-right: 5px;
}