/* ASA Product Card Badges */

.asa-card-badges-marker {
  display: none !important;
}


/* Badge blokk */
.asa-card-badges {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;

  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;

  width: 100% !important;
  max-width: 100% !important;

  /* Felül és alul AZONOS távolság */
  margin: 15px auto 15px !important;

  padding: 0 6px !important;

  column-gap: 6px !important;
  row-gap: 4px !important;

  text-align: center !important;

  float: none !important;
  clear: both !important;

  box-sizing: border-box !important;
}


/* Egy badge */
.asa-card-badge {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: auto !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 4px 6px !important;

  background: #315da9 !important;
  color: #ffffff !important;

  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14) !important;

  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;

  text-align: center !important;
  text-decoration: none !important;

  white-space: nowrap !important;

  float: none !important;

  box-sizing: border-box !important;
}


/*
 * Az AngarTheme a terméknévnek hagyhat fix/minimum magasságot.
 * Ha van alsó badge blokk, ezt megszüntetjük, hogy ne legyen
 * nagy üres hely a terméknév és a badge-ek között.
 */
.product-miniature:has(.asa-card-badges) .product-title,
.product-miniature:has(.asa-card-badges) .product-name,
article.product-miniature:has(.asa-card-badges) .product-title,
article.product-miniature:has(.asa-card-badges) .product-name {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
}


/* A gombok előtt se legyen a témából plusz felső margó */
.product-miniature:has(.asa-card-badges) .product-actions,
.product-miniature:has(.asa-card-badges) .product-buttons,
.product-miniature:has(.asa-card-badges) .button-container,
.product-miniature:has(.asa-card-badges) .buttons,
article.product-miniature:has(.asa-card-badges) .product-actions,
article.product-miniature:has(.asa-card-badges) .product-buttons,
article.product-miniature:has(.asa-card-badges) .button-container,
article.product-miniature:has(.asa-card-badges) .buttons {
  margin-top: 0 !important;
}


/* MOBIL */
@media (max-width: 767.98px) {

  .asa-card-badges {
    display: flex !important;
    flex-wrap: wrap !important;

    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;

    width: 100% !important;

    /* Mobilon is ugyanannyi felül és alul */
    margin: 12px auto 12px !important;

    padding: 0 4px !important;

    column-gap: 5px !important;
    row-gap: 4px !important;

    text-align: center !important;
  }

  .asa-card-badge {
    margin: 0 !important;
    padding: 3px 5px !important;

    font-size: 9.5px !important;
    line-height: 1.15 !important;

    white-space: nowrap !important;
  }

}