/* Áfa és ár elrendezés */
.woocommerce-Price-amount,
.tax-info {
  display: block;
  margin-top: 5px;
  text-align: center;
}

/* Kosárba és Opciók gomb elrejtése a kategória- és katalógus oldalakon */
.archive .product .button,
.category .product .button {
  display: none !important;
}

/* Top product section beállítása a kattintható link miatt */
.top-product-section {
  position: relative;
}

/* A teljes termék linkké alakítása */
.top-product-section a {
  display: block;
  position: relative;
  z-index: 1;
}

/* Kép elrendezés */
.image-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* Képek méretének beállítása a 3 oszlopos rácshoz */
.image-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Termékinformáció középre igazítva */
.product_info_box {
  position: relative;
  padding-top: 10px;
  z-index: 2;
  text-align: center;
}

/* Termék cím és ár középre igazítása és távolság */
.product-title,
.woocommerce-Price-amount {
  display: block;
  margin: 5px 0;
}

.product-details-wrapper {
  text-align: center;
  margin-top: 10px; /* Távolság az ártól */
}

.product-details-button {
  display: inline-block;
  padding: 8px 16px;
  background-color: #2A2A3E; /* Korábbi gombszín */
  color: #ffffff; /* Szöveg színe */
  text-decoration: none;
  font-size: 14px; /* Szöveg mérete */
  border-radius:0px; /* Lekerekített sarkak */
  transition: background-color 0.3s;
}

.product-details-button:hover {
  background-color: #b77e4b; /* Hover állapot színe */
}

/* Termékrács beállítása - 3 oszlopos */
ul.products li.product {
  width: 30.33%;
  float: left;
  margin: 1.5%;
}

/* Kapcsolódó termékek távolságának csökkentése */
.related.products {
  margin-top: 20px !important;
  padding-top: 0 !important;
}

/* Áfa szöveg kisebb méretben */
.woocommerce-price-suffix {
  font-size: 0.6em;
}
/* Szöveges overlayk és ikonok teljes eltávolítása */
.masonry_gallery_item .edgtf-pli-text-holder,
.masonry_gallery_item .edgtf-pli-hover-overlay,
.masonry_gallery_item .edgtf-pli-icon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Minden hover effekt kikapcsolása képekre */
.masonry_gallery_item .edgtf-pli-image-holder img {
    transition: none !important;
    transform: none !important;
    filter: none !important;
}

/* Hover állapot tiltása a galéria minden elemén */
.masonry_gallery_item:hover {
    opacity: 1 !important;
    filter: none !important;
}