/* Example: site-wide background */
body {
  background-image: url('../img/bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #f3f1e9; /* ugyanaz, mint a header-bottom */
}

/* --- Header bottom (pl. navigációs rész) --- */
.header-bottom {
  background-color: #f3f1e9;
}

/* --- Header top (felső sáv) --- */
.header-top {
  background-color: #003770;
  color: #ffffff;
}

/* Biztosítsuk, hogy a header-top összes szövege fehér legyen */
.header-top,
.header-top a,
.header-top span,
.header-top li,
.header-top p {
  color: #ffffff !important;
}

.header-top .header-block__badge {
  color: #000000 !important;
}

#wrapper > .container {
  background-color: rgba(255, 255, 255, 0.5); /* 50% átlátszó fehér */
  border-radius: 12px; /* lekerekített sarkok */
  padding: 15px;       /* egy kis belső margó */
}

.subcategory__image {
  display: none !important;
}

/* --- Egységes termékkép (négyzet), mindent felülír --- */
.card .product-miniature__image-container.thumbnail-container {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 8px;
}

/* Négyzetes arány létrehozása a padding-trükkel */
.card .product-miniature__image-container.thumbnail-container::before {
  content: "" !important;
  display: block !important;
  padding-top: 100% !important; /* 1:1 arány → ha 4:3 kell: 75% */
}

/* A <picture> és az <img> teljes kitöltésre kényszerítése */
.card .product-miniature__image-container.thumbnail-container picture,
.card .product-miniature__image-container.thumbnail-container img.product-miniature__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;      /* kitölti, vágással */
  object-position: center !important; /* középre igazítja a vágást */
}

/* A Bootstrap/Hummingbird esetleges magasság-kényszereit lenullázzuk */
.card-img-top { height: auto !important; }

/* Ha bárhol max-height van ráégetve, ezt is lenyomjuk */
.product-miniature__image-container img { max-height: none !important; }