/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*Nemazat email adminbar - tomys */
#wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks a, #wpadminbar .shortlink-input {
     height: auto !important;
	}

/*zákazková výroba css*/
/* Zakázkové výrobky */
.margold-products-wrap {
  width: min(1120px, calc(100% - 40px));
  margin: 42px auto 80px;
}

.margold-products-filter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 44px;
}

.margold-products-filter__row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.margold-products-filter__row--main {
  gap: 12px;
}

.margold-products-filter__row--sub {
  max-width: 820px;
  gap: 10px;
  padding-top: 2px;
}

.margold-filter-chip {
  appearance: none;
  border: 1px solid rgba(36, 29, 107, .24);
  border-radius: 999px;
  background: #ffffff;
  color: #241d6b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 22px;
  font: inherit;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all .2s ease;
}

.margold-filter-chip:hover,
.margold-filter-chip.is-active {
  background: #241d6b;
  color: #ffffff;
  border-color: #241d6b;
}

.margold-filter-chip--sub {
  min-height: 36px;
  padding: 9px 16px;
  font-size: .92rem;
  font-weight: 700;
  background: #f6f5fa;
  border-color: rgba(36, 29, 107, .28);
  color: #241d6b;
}

.margold-filter-chip--sub:hover,
.margold-filter-chip--sub.is-active {
  background: #d9ad55;
  color: #1f1b4d;
  border-color: #d9ad55;
}

.margold-products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 340px));
  justify-content: center;
  gap: 30px;
}

.margold-product-card {
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(36, 29, 107, .08);
  box-shadow: 0 18px 45px rgba(24, 21, 64, .10);
}

.margold-product-card__image {
  display: block;
  aspect-ratio: 16 / 11;
  overflow: hidden;
  background: #f5f4f8;
}

.margold-product-card__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  padding: 18px;
  transition: transform .25s ease;
}

.margold-product-card:hover .margold-product-card__image img {
  transform: scale(1.04);
}

.margold-product-card__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #241d6b;
  font-weight: 800;
  background: #f1f0f6;
}

.margold-product-card__content {
  padding: 22px 22px 24px;
}

.margold-product-card__category {
  display: inline-flex;
  margin-bottom: 12px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(217, 173, 85, .16);
  color: #9b6f20;
  font-size: .82rem;
  font-weight: 700;
}

.margold-product-card__title {
  margin: 0 0 12px;
  font-size: 1.22rem;
  line-height: 1.25;
}

.margold-product-card__title a {
  color: #241d6b;
  text-decoration: none;
}

.margold-product-card__text {
  margin: 0 0 16px;
  color: #34324b;
  line-height: 1.55;
}

.margold-product-card__price {
  margin-bottom: 18px;
  color: #241d6b;
  font-weight: 800;
}

.margold-product-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #241d6b;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

.margold-products-empty {
  grid-column: 1 / -1;
  padding: 42px;
  border-radius: 22px;
  background: #f5f4f8;
  text-align: center;
  color: #241d6b;
  font-weight: 700;
}

@media (max-width: 767px) {
  .margold-products-wrap {
    width: min(100% - 30px, 1120px);
    margin-top: 34px;
  }

  .margold-products-filter {
    align-items: stretch;
    margin-bottom: 34px;
  }

  .margold-products-filter__row {
    justify-content: flex-start;
  }

  .margold-products-grid {
    grid-template-columns: 1fr;
  }

  .margold-product-card__content {
    padding: 20px;
  }
}

/* Zakázkové výrobky - filtr */
.margold-products-filter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.margold-products-subfilters {
  min-height: 42px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.margold-products-filter__row--sub[hidden] {
  display: none;
}

.margold-products-filter__row--sub {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 820px;
}

.margold-filter-chip--sub {
  min-height: 38px;
  padding: 10px 17px;
  font-size: .95rem;
  font-weight: 700;
  background: #f7f6fb;
  border-color: rgba(36, 29, 107, .32);
  color: #241d6b;
}

.margold-filter-chip--sub:hover,
.margold-filter-chip--sub.is-active {
  background: #d9ad55;
  color: #1f1b4d;
  border-color: #d9ad55;
}

.margold-filter-chip--sub {
  min-height: 40px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  background: #ffffff;
  border: 1px solid rgba(36, 29, 107, .35);
  color: #241d6b;
}

.margold-filter-chip--sub:hover,
.margold-filter-chip--sub.is-active {
  background: #d9ad55;
  border-color: #d9ad55;
  color: #1f1b4d;
}