/* ====== Product Grid Override ====== */
.gradient-background {
  background: linear-gradient(90deg, #181C18 0%, rgba(24, 28, 24, 0) 100%) !important;
}

.card .card__inner, .card__media .media img {
    border-radius: 16px !important;
  }
  
  .facets__disclosure-vertical {
      border-top: none !important;
      .facets__summary{
          border-bottom: .1rem solid rgba(var(--color-foreground), .1) !important;
      }
  }
  
   .facet-filters__field {
      justify-content: space-between !important;
      padding: 8px 16px !important;
      border: 1px solid rgba(224, 224, 224, 1) !important;
      border-radius: 32px !important;
  
      select, select:focus {
          outline: none !important;
          border: none !important;
      }
  }
  
  label.facets__label.facet-checkbox {
      &.active input[type=checkbox], &.active>.svg-wrapper, &.active>svg {
          background-color: #3F68E0;
      }
      &.active>.svg-wrapper rect, &.active>svg rect {
        stroke: #3F68E0
      }
      &:not(.active) input[type=checkbox], &>.svg-wrapper, &>svg {
          background-color: #D9D9D9;
      }
      &>.svg-wrapper rect, &>svg rect{
        stroke: #D9D9D9;
      }
  }

  
  .facets__form-vertical summary {
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    font-style: var(--font-heading-style);
  }

  .facets.facets-vertical-sort {
    margin-bottom: 2rem;
  }

  .facet-filters.view-toggle {
    button {
        margin-left: 0 !important;
        border: none;
        background: none;
       
        & .svg-wrapper {
          display: none;
        }

        &.active .svg-wrapper.active, &:not(.active) .svg-wrapper.inactive {
            display: inline-block;
        }
      }
  }
  
  /** List view product grid*/
  .product-grid-container {
    
    &:not(.list-view) {
      .product-description {
        display: none;
      }
    }
    &.list-view {
      display: block;

      .product-form-custom {
        display: flex;

        .quick-add__submit {
          min-width: 0;
        }

        .quick-add__learn-more, .quick-add__submit {
          width: 35%;
          margin: 0 .2em;

          @media screen and (max-width: 750px) {
            & {
              min-width: 100%;
              font-size: 14px;

              span {
                display: none;
              }
            }
          }
        }
      }

      .card__information {
        padding: 0;
      }

      .product-description {
        display: block;
        color: var(--light-gray-text);
      }
  
      .product-grid.list-view {
        display: flex;
        flex-direction: column;
  
        .card {
          display: flex;
          flex-direction: row;
  
          .card__content {
            margin: 0 2rem;
          }

          .card__inner {
            .card__content{
              margin: 0;
            }
          }
        }
  
        .card__inner {
          width: 45%;
        }
      }
    }
  }

  .product-count {
    .product-count__text {
        display: none;
    }
  }


  .quick-add__learn-more, .quick-add__learn-more:hover, .quick-add__submit {
    min-height: calc(3.5rem + var(--buttons-border-width) * 2);
    font-size: 14px;
    text-decoration: none !important;
    border: 1px solid #E0E0E0 !important;
    padding: 0;
  }

  .quick-add__learn-more, .quick-add__submit {
    margin: 3px 0;
    transition: none;

    span {
      transition: all .3s ease;
    }
  }
  
  .facets-container {
    display: flex !important;
  }

  .price--on-sale .price-item--regular {
    font-size: inherit !important;
    color: var(--light-gray-text) !important;
  }

  #product-grid.list-view li {
    max-width: 100% !important;
    width: 100% !important;
    margin: 2rem 0 !important;

    &:first-child {
      margin-top: 0 !important;
    }
  }
  
  @media screen and (min-width: 750px) {
    #product-grid li{
          margin: 0 1rem !important;
      }
  
      .facets__form-vertical {
          margin-top: -8rem !important;
      }
  
      .facets-vertical-form {
          justify-content: space-between !important;
          
          & > div {
              margin-left: 27rem !important; 
          }
      }

      .product-grid-container.list-view {

        h5, .h5 {
          font-size: calc(var(--font-heading-scale) * 1.5rem);
        }
        // #product-grid li {
        //   max-width: 100% !important;
        //   width: 100% !important;
        //   margin: 2rem 0 !important;

        //   &:first-child {
        //     margin-top: 0 !important;
        //   }
        // }
      }
  }

  @media screen and (max-width: 749px) {
    .card-wrapper.product-card-wrapper {
      padding: 1em;
    }

    .product-grid-container.list-view {
      .card__inner {
        height: 100%;
        width: 50%;
      }

      .quick-add__learn-more, .quick-add__submit {
        min-width: 50%;
      }
    }

    .mobile-width {
      width: max-content !important;
      padding: 0.55em;
    }



    // .quick-add {
    //     display: none;
    // }
    

    .facets-container {
      display: block !important;
    }

    .facets__display-vertical {
      margin: 1.5rem 0;
    }

    .facets__form-vertical details {
      margin: 1.25rem 0;
    }

    .card__inner {
      width: 100%;
    }

    .facets-vertical-form.facets-vertical-form-2 {
      display: flex;
      justify-content: space-between;

      .facet-filters {
        padding-left: 0;
      }

      .facet-filters__field {
        padding: 8px !important;
      }

      .view-toggle {
        display: flex;
        align-items: center;
      }
    }

    .facets-vertical-sort.facets-vertical-sort-2 {
      margin-bottom: unset;
      margin: 2.5rem 0;
    }

    
  }