/**
 * Created: 		04/04/2025
 * Updated:			04/04/2025
 * Description:		Styles
 * ✅		 		Functions that are working
 * ❌				Functions that are not working
 */

/*******************************************
 * CART PAGE
*******************************************/
.woocommerce-cart.woocommerce-js .woocommerce table.shop_table,
.woocommerce-cart.woocommerce-cart .cart-collaterals .cart_totals {
  border: 1px solid var(--site_shade_4);
  background-color: var(--site_shade_1);
}
.rsgdx-active.woocommerce-cart #primary,
.woocommerce-checkout.woocommerce-page #primary {
  margin: 40px auto;
  padding: 0 30px;
  max-width: 1600px;
}
.woocommerce-cart .cart-collaterals .cart_totals {
  padding: 0;
  border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
  padding: 1em 2em;
  border: 1px solid var(--site_shade_4);
}
.woocommerce-cart .cart-collaterals .cart_totals > h2 {
  background-color: var(--site_shade_3);
  border-bottom: none;
  border: 1px solid var(--site_shade_4);
  margin: unset;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table,
#order_review {
  border: 1px solid var(--site_shade_4) !important;
}
.woocommerce-page table.shop_table thead {
  background-color: var(--site_shade_3);
  margin: 0;
}
.rsgdx-active.woocommerce-page label,
.rsgdx-active.woocommerce-page legend,
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-js a.remove .ahfb-svg-iconset .ast-close-svg {
  color: var(--site_shade_5);
}
.woocommerce-cart .wc-proceed-to-checkout {
  padding: 2em 4em;
  border: 1px solid var(--site_shade_4);
}
.woocommerce-cart.woocommerce-page td.product-name dl.variation dd {
  display: inline-block;
}
.woocommerce-cart .woocommerce-js button.button:disabled,
.woocommerce-js button.button:disabled[disabled] {
  padding: 10px 20px;
}
/*******************************************
 * CHECKOUT PAGE
*******************************************/

.rsgdxec-active.woocommerce-page.woocommerce-checkout #payment div.payment_box {
  border: 1px solid var(--site_shade_2);
  background-color: var(--site_shade_3);
  color: var(--site_shade_5);
}
.rsgdxec-active.woocommerce-page.woocommerce-checkout #customer_details {
  background-color: #2e2e2e;
  padding: 30px;
  border: 1px solid var(--site_shade_4) !important;
}
.woocommerce-page.woocommerce-checkout form #order_review {
  background-color: var(--site_shade_2);
}
.woocommerce-page.woocommerce-checkout form #order_review_heading {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 1em !important;
}
.error404 .page-header .page-title {
  color: var(--site_primary_color);
}

/*******************************************
 * ACCOUNTS  PAGE
*******************************************/
.rsgdx-active
  .woocommerce-account
  .woocommerce-Addresses
  .woocommerce-Address-title {
  color: var(--site_primary_color);
}

/*******************************************
 * RESPONSIVE
*******************************************/

@media (max-width: 600px) {
  .rsgdxec-active.woocommerce-page #primary {
    margin: 4em 0;
  }
  .woocommerce-page table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .button {
    margin: 1em 0;
    text-align: center;
  }
  .woocommerce-js #content table.cart td,
  .woocommerce-page #content table.cart td,
  .woocommerce-js .woocommerce table.shop_table {
    border: none;
  }
  .woocommerce table.shop_table_responsive tr,
  .woocommerce-page table.shop_table_responsive tr {
    border-bottom: 1px solid var(--site_shade_4);
  }
  .woocommerce-js table.shop_table .product-thumbnail img,
  .woocommerce-page table.shop_table .product-thumbnail img {
    max-width: 100%;
  }

  /* Store */
  .rsgdx-active.woocommerce-page.rsgdx-shop #content.site-content {
    padding: 0;
  }
  body.rsgdx-active section.rsgdx-brands-display {
    gap: 0;
  }
  body.rsgdx-active h1.rsgdx-page-title-h1,
  .product-template-default .product {
    padding: 2em 0 0;
  }
  .woocommerce-js
    div.product
    div.woocommerce-product-gallery--columns-4
    .flex-control-thumbs
    li {
    width: 20%;
  }
  .rsgdx-store.single .flex-control-thumbs li img {
    height: unset !important;
    border-radius: 8px;
  }
  .woocommerce-cart .wc-proceed-to-checkout {
    padding: 2em 0;
  }
  .rsgdx-active.woocommerce-page #content.site-content {
    padding: 0;
  }
  .woocommerce-cart.woocommerce-page td.product-name dl.variation dd {
    text-align: left;
  }
  .woocommerce-js td.product-name dl.variation {
    padding-top: 20px;
  }
  .woocommerce-js .woocommerce table.shop_table {
    background-color: var(--site_shade_2);
    border: 1px solid var(--site_shade_3);
    border-radius: 20px;
    table-layout: fixed;
  }
  .woocommerce-shipping-totals.shipping th {
    width: 10%;
  }
  .woocommerce-js ul#shipping_method {
    text-align: left;
    display: inline-block;
  }
  .woocommerce-checkout-review-order-table td.product-name {
    width: 50vw;
  }
  #order_review {
    border-radius: 20px;
  }
}