@media (max-width: 1240px){
    .ast-archive-entry-banner {
    & .ast-container {
            align-items: flex-start !important;
        flex-direction: column !important;
    }}
}
@media (max-width: 544px) {
    .ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.mobile-columns-2 ul.products:not(.elementor-grid), .woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid) {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
@media (min-width:544px) and (max-width: 1240px) {
    .ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.tablet-columns-3 ul.products:not(.elementor-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ARCHIWUM */
.archive,.page-id-378 {
  .woocommerce-loop-product__link:has(.jmj-event-date) {
    pointer-events: none !important;
  }
  

  .products > li {
    &:hover {
    
        span,
            div:not(.archive-event),
            h2{
                color: #fff !important;

            }
        .jmj-product-meta-wrap {
            background: #334080 !important;

            
        }
        .add_to_cart_button,.product_type_variable,.button {
          background: #FFF !important;
          color:var(--ast-global-color-0) !important;
        }
        background:var(--ast-global-color-0) !important;
    }
    *{
      transition: .2s 
ease-in-out background-color, color;
    }
    overflow: hidden;
    gap:20px;
    img{
      margin:0 !important;
      max-height: 275px;
                  object-fit: cover;
    }
    min-height: 350px;
    padding:0 !important;
    .astra-shop-thumbnail-wrap{
      margin-bottom: 40px;
    }
    .astra-shop-summary-wrap {
      
    
      padding: 0px 30px 20px 30px !important;
      .ast-loop-product__link {
        margin-bottom: auto;

        h2 {
          font-weight: 400 !important;
          font-size: 22px;
          line-height: 33px;
        }
      }

      .price {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;

        margin-bottom: 20px !important;
      }

      .button {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        padding: 10px 20px !important;
        text-align: center;
        margin: 0 !important;
        background-color: var(--ast-global-color-0);
      }

      justify-content: flex-end;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }

    
    .archive-event-over-message{
      filter: grayscale(1);
    }
    .archive-event-ongoing-message{
      color:var(--ast-global-color-1) !important;
      background:#fff !important;
      border:1px solid var(--ast-global-color-1)
    }
    .archive-event{
      position: absolute;
      padding: 3px 10px;
      border-radius: 20px;
      width: max-content;
      background: var(--ast-global-color-1);
      color: #fff;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 50%);
    }
      
    border: 1px solid #246df5;
    border-radius: 20px;
  }
  #primary{
    padding-top:50px;
  }
  #primary,
  .widget-area {
    #block-19 > p {
      margin: 0;
    }

    border: none !important;
  }

  #content .widget-area {
    h4 {
      font-weight: 700;
      font-size: 22px;
      line-height: 30.8px;
    }

    height: fit-content;

    border-radius: 20px;
    background: #1e1e1e1a;
    padding: 40px 60px;
  }

  .jmj-filters-widget {
    form {
      display: flex;
      flex-direction: column;
      gap: 30px;

      .filter-buttons {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .filter-wrapper {
        .filter-group {
          label {
            margin-bottom: 15px;
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
          }

          padding: 15px 7.5px 30px 7.5px;
        }
      }
    }
  }

  & > .site > #content > .ast-container {
    .jmj-archive-controls-wrapper {
      margin-bottom: 55px;
      .woocommerce-ordering {
        display:none;
        
      }

      display: flex;
      gap: 28px;

      input,
      select {
        background-position: 95% 50% !important;
        border: 1px solid #246df5;
        border-radius: 30px;
        padding: 5px 20px !important;
        color: #000;

        &::placeholder {
          color: #000;
          font-weight: 400;
          font-size: 16px;
        }
      }

      #search-bar-container {
        flex-grow: 1;
      }
    }

    max-width: 1640px !important;
  }


}

/* CHECKBOXY */

.product-price-cart-wrapper {
  .event-over-message {
    padding: 2rem;
    border: 1px solid white;
    border-radius: 20px;
    text-align: center;
  }
}

.jmj-filters-widget .filter-list input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #888;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  transition: 120ms border-color ease-in-out;
}

.jmj-filters-widget .filter-list input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #000;
}

.jmj-filters-widget .filter-list input[type="checkbox"]:checked {
  border-color: #000;
}

.jmj-filters-widget .filter-list input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.jmj-filters-widget .filter-list input[type="checkbox"]:hover {
  border-color: #000;
}

.jmj-filters-widget .filter-list li {
  list-style-type: none;
}

.jmj-filters-widget .filter-list label {
  display: flex;
  align-items: center;
  gap: 0.7em;
  margin-bottom: 0.5em;
  cursor: pointer;
  font-size: 16px;
  color: #000;
}