/*
Theme Name: Helkem
Theme URI: https://weboldalas.hu
Description: Helkem Sablon
Author: Balda László
Template: generatepress
Version: 1.0
*/

/* Inter betűtípus import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

/* Fejléc és lábléc elrejtése */
.site-header,
.site-info {
  display: none !important;
}

.woocommerce-message {
    border-top-color: #8fae1b;
    display: none;
}

/* Termék variációk – címkék elrejtése és margók */
.tp-woo-single-pricing .tp-woo-add-to-cart.variable .variations .label {
  display: none;
}
.tp-woo-swatches {
  margin: 0 !important;
}

/* Termékkép stílus – nagy kép */
.woocommerce div.product div.images img {
  object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

/* Galéria – asztali */
.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  justify-content: start;
  gap: 10px;
  margin-top: 10px;
  max-width: 100%;
}

/* Galéria – mobil */
@media (max-width: 768px) {
  .woocommerce div.product div.images .flex-control-thumbs {
    justify-content: center;
  }
}

/* Kedvezmény árak kiegészítő sor */
.lista-ar-sor {
  display: block;
  color: #888;
  font-size: 10px;
  margin-top: 4px;
}

/* ─────── ACF Egyedi Termékblokkok ─────── */

.helkem-usage,
.helkem-benefits,
.helkem-certifications,
.helkem-documents {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 32px;
  line-height: 1.6;
}

/* Előnyök lista */
.helkem-benefits ul {
  padding-left: 1.2em;
  list-style: disc;
}
.helkem-benefits li {
  margin-bottom: 6px;
}

/* Minősítési ikonok */
.helkem-certifications img {
  max-height: 60px;
  margin-right: 12px;
  vertical-align: middle;
}

/* Dokumentum lista */
.helkem-documents {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Dokumentum sor – fájlnév nélkül, csak típus + ikon */
.helkem-doc-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 35px;
  gap: 12px;
}

/* Típus + ikon egy sorban */
.helkem-doc-item .doc-label-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

/* Dokumentumtípus szöveg */
.helkem-doc-item .doc-label {
  font-size: 16px;
  color: #ffffff;
}

/* Letöltés ikon */
.helkem-doc-item .doc-download img {
  width: 28px;
  height: 28px;
  filter: brightness(0) invert(1); /* fehér ikon sötét háttéren */
}

.helkem-doc-item .doc-download img {
  transition: filter 0.2s ease, transform 0.2s ease;
  filter: brightness(0) invert(1); /* alap: fehér */
}

.helkem-doc-item .doc-download:hover img {
  filter: invert(57%) sepia(20%) saturate(631%) hue-rotate(55deg) brightness(98%) contrast(95%);
}


.helkem-szabvanyok-list {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
  padding-left: 20px;
}

.helkem-szabvanyok-list li {
  list-style-type: disc;
  margin-bottom: 6px;
}


.helkem-certifications {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* térköz a képek között */
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}

.helkem-certifications img {
  width: 72px; /* vagy pl. max-width: 100%; ha fluidabb kell */
  height: auto;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.helkem-certifications img:hover {
  transform: scale(1.05);
}