/* Buttons */
.woocommerce a.button,
.woocommerce #rem-wc-wrapper button.button {  
  display: inline-flex;
  padding: 10px 20px;
  background-color: var(--secondary);
  color: #fff;
  border-radius: 5px;
}

.woocommerce a.button:hover,
.woocommerce #rem-wc-wrapper button.button:hover {
  background-color: var(--primary);
  color: #fff;
}

/* Notifications */
.woocommerce .woocommerce-message {
  border-top-color: var(--secondary);
}

.woocommerce .woocommerce-message::before {
  color: var(--secondary);
}


/******************************************
// WOO WRAPPER (added in woo.php functions)
*/
#rem-wc-wrapper .container {
  padding-top: var(--section-margin);
  padding-bottom: var(--section-margin);
}



/******************************************
// PRODUCTS PAGE
*/

/* Results Count */
.main-content p.woocommerce-result-count {
  margin: 0 0 1rem 0;
}

/* Sorting dropdown */
#rem-wc-wrapper form.woocommerce-ordering {
  margin: 0 0 1rem 0;
  float: none;
  text-align: left;
}

#rem-wc-wrapper form.woocommerce-ordering select {    
  height: 2rem;
  border: 1px solid var(--primary);
}

/* Products Grid */
#rem-wc-wrapper ul.products {
  clear:both;
  display: grid;
  grid-gap: 4rem 3rem;
  justify-items: center;
  padding-top: 2rem;
}

#rem-wc-wrapper ul.products:before {
  display: none;
}

#rem-wc-wrapper ul.products li.product {
  width: auto;
  max-width: 300px;
  float: none;
  margin: 0;
}

#rem-wc-wrapper ul.products li.product .woocommerce-loop-product__title {
  line-height: 1.5;
  font-size: 1.2rem;
  font-weight: 400;
  justify-content: center;
  text-align: left;
}

#rem-wc-wrapper ul.products li.product {
  text-align: left;
}

#rem-wc-wrapper ul.products li.product a img {
  max-height: 300px;
  max-width: 300px;
  object-fit: contain;  
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  #rem-wc-wrapper form.woocommerce-ordering {    
    float: right;
    text-align: left;
  }

  ul.products {    
    grid-template-columns: repeat(2, 1fr);
  }

  ul.products li.product {
    display: grid;
  }

  ul.products li.product .button {
    align-self: end;
  }
}

@media screen and (min-width: 1024px) {
  ul.products {
    grid-template-columns: repeat(3, 1fr);
  }

  ul.products li.product .button {
    width: 75%;
  }
}

/* Underline on pricing */
.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}

/******************************************
// SINGLE PRODUCT PAGE
*/

/* Images */
.woocommerce div.product div.images img {
  max-height: 500px;
  object-fit: cover;
  border-radius: 8px;
}

/* Variations Table */
.woocommerce div.product form.cart {
  margin: var(--spacing-desktop) 0;
}

.woocommerce div.product form.cart table.variations {
  margin: 0 0 1rem;
}

.woocommerce div.product form.cart table.variations th {
  height: 2rem;
  margin-right: 10px;
  padding: 0 5px 0 10px;
  border: 1px solid var(--lightgrey);
}

.woocommerce div.product form.cart table.variations td {
  height: 2rem;
  padding: 0 10px;
}

.woocommerce div.product form.cart table.variations select {
  height: 100%;
  border: 1px solid var(--primary);
}

@media  screen and (min-width: 768px) {
  .woocommerce div.product form.cart .variations select {
    min-width: 0;
  }
}

/* Price */
.woocommerce div.product p.price {
  color: var(--secondary);
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins {
  text-decoration: none;
}

/* Stock Message */
/* .woocommerce div.product p.stock {
  margin: 0 0 1rem;
  color: var(--secondary);
} */

/* Quantity - Add to Cart Form */
.woocommerce .woocommerce-variation-add-to-cart {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0 20px;
}

.woocommerce div.quantity {
  margin: 0;
}

.woocommerce div.quantity input.qty {  
  height: 2rem;
  border: 1px solid var(--primary);
}

/* Add to cart button */
.woocommerce div.product form.cart .button {
  padding: 1rem;
  max-width: 200px;
}

/* Meta */
.woocommerce .product_meta {
  display: none;
}

/* WC Tabs Panel (Description, Reviews, More Info) */
.woocommerce .woocommerce-Tabs-panel {
  margin: 0;
}


/******************************************
// CART PAGE
*/
.page-cart .woocommerce {
  width: auto;
  max-width: 1460px;
  margin: var(--section-margin) 0;
  padding: 0 1rem;
}

@media screen and (min-width: 1024px) {
  .page-cart .woocommerce {
    padding: 0 4rem;
  }  
}

.woocommerce table.shop_table {
  border: 1px solid var(--lightgrey);
  border-radius: 0;
  border-collapse: collapse;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border: 0;
  border-bottom: 1px solid var(--lightgrey);
}

.woocommerce table.shop_table tbody tr:last-child td:last-child {
  border: none;
}

.woocommerce-cart table thead tr {
  background-color: var(--secondary);
  color: #fff;
}

.woocommerce-cart table tbody tr {
  background-color: transparent;
}

.woocommerce-cart table tbody tr:last-of-type {
  background-color: #eee;
}

/* coupon input */
.woocommerce-cart table.cart td.actions .coupon .input-text {
  height: 100%;
  border: 1px solid var(--primary);
}

@media screen and (min-width: 1024px) {
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 50%; 
  }
}

/* Cart buttons (Update coupon, etc.) */
.woocommerce .cart .button {
  background-color: var(--lightgrey);
}

/* Checkout button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  padding: 25px;
  background-color: var(--primary);
  color: #fff;
  border-radius: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background-color: var(--secondary);
}


/******************************************
// CHECKOUT PAGE
*/
.page-checkout .woocommerce {
  width: auto;
  max-width: 1460px;
  margin: var(--section-margin) 0;
  padding: 0 1rem;
}

@media screen and (min-width: 1024px) {
  .page-checkout .woocommerce {
    padding: 0 4rem;
  }  
}

.main-content .woocommerce .checkout h3 {
  margin: 2rem 0 1rem;
  font-size: 1.3rem;
}

.main-content .woocommerce .checkout .woocommerce-billing-fields h3 {
  margin: 0 0 1rem;
}

.woocommerce form.checkout input.input-text,
.woocommerce form.checkout select,
.woocommerce form.checkout .select2-container--default .select2-selection--single {
  height: 2rem;
  padding: 3px 5px;
  border: 1px solid var(--primary);
  font-size: 1rem;
}

.woocommerce form.checkout .select2-container--default .select2-selection--single {
  padding: 2px 0 0;
}

.woocommerce-checkout table thead tr {
  background-color: var(--secondary);
  color: #fff;
}

/* Checkout page order summery table */
.woocommerce table.woocommerce-checkout-review-order-table tbody tr {
  background-color: transparent;
}

.woocommerce table.woocommerce-checkout-review-order-table tfoot tr:last-of-type {
  background-color: #eee;
}

/* Privacy policy */
.woocommerce-privacy-policy-text p:last-child {
  margin: 0 0 1rem;
}

/* Place order button */
.woocommerce #payment .button.alt {
  padding: 25px;
  background-color: var(--primary);
}


/******************************************
// CONFIRMATION PAGE
*/
.woocommerce table.woocommerce-table--order-details tbody tr {
  background-color: transparent;
}

.woocommerce table.woocommerce-table--order-details tfoot tr:last-of-type {
  background-color: #eee;
}


/******************************************
// ACCOUNT PAGE
*/