@import "jt-custom-styles.css";

/*==================================
    Shop Page Styles
===================================*/
h1.woocommerce-products-header__title.page-title,
h1.entry-title.product_title {
  display: block;
  font-family: var(--futuraM) !important;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0px;
  letter-spacing: 0.09rem;
  font-size: 2.117924em !important;
}

.storefront-sticky-add-to-cart,
.wccf_field_container.wccf_field_container_checkout_field.wccf_field_container_radio.wccf_field_container_checkout_field_radio {
  color: #000000 !important;
}

h1.entry-title.product_title {
  font-size: 24px !important;
}

.storefront-sorting {
  border: none !important;
  margin-top: 2em;
}

.col-full {
  padding: 0 !important;
  max-width: 100% !important;
}

.short-banner {
  width: 100%;
  display: grid;
  place-content: center;
  padding: 20px 0;
  background-position: center;
  background-size: cover;
}

.home-banner div img {
  background-position: center;
}

.home-banner-text-container {
  background-color: #ffffff;
}

.home-banner-text {
  background-color: #ffffff;
  border: 3px solid var(--gray);
  padding: 40px 60px 20px;
}

.home-banner-text h2 {
  text-transform: uppercase;
}

#primary,
#secondary {
  max-width: 1280px;
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
}

.onsale {
  background: var(--duskpink) !important;
}

p.woocommerce-result-count {
  color: var(--gray) !important;
}

.woocommerce-pagination .page-numbers li .page-numbers {
  background-color: rgba(229, 213, 209, 0.5) !important;
  color: #000 !important;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
  background-color: var(--duskpink) !important;
  color: #000 !important;
}

h2.woocommerce-loop-product__title {
  margin-top: 5px;
  margin-bottom: 5px !important;
}

.woocommerce-LoopProduct-link
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
.woocommerce-LoopProduct-link img.woocommerce-placeholder.wp-post-image {
  margin-left: auto;
  margin-right: auto;
  max-width: 216px;
  max-height: 320px;
}

ul.products li.instock.purchasable a img.woocommerce-placeholder.wp-post-image {
  height: 360px !important;
}

/*==================================
    Single Product Page Styles
===================================*/
button.single_add_to_cart_button.button.alt {
  border: 2px solid var(--gold) !important;
  color: var(--gold) !important;
}

nav.storefront-product-pagination {
  display: none;
}

.related.products h2 {
  font-family: var(--accentfont) !important;
  font-size: 20px !important;
  color: var(--cherry) !important;
  text-transform: none !important;
}

.related.products ul li a h2 {
  position: unset !important;
  margin-top: 10px !important;
  font-family: var(--futuraM) !important;
  color: #000 !important;
}

.related.products ul li a img {
  max-width: 100% !important;
}

/*==================================
    View Cart / Checkout Styles
===================================*/

.woocommerce-info,
.cart-empty.woocommerce-info {
  background-color: var(--gold) !important;
  color: #ffffff !important;
}

/* table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents, */
table.shop_table.shop_table_responsive {
  border-top: none;
  border-bottom: none;
}

table:not(.has-background) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
  background-color: rgba(150, 114, 70, 0.05) !important;
}

table:not(.has-background) th {
  background-color: #ffffff !important;
  color: #000;
}

table:not(.has-background) tbody td {
  background-color: #ffff !important;
}

.wc-proceed-to-checkout a {
  background-color: var(--darkgreen) !important;
  color: #ffff !important;
}

.wc-proceed-to-checkout a:hover {
  /* 10% darker than original */
  background-color: #3a7e56 !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info a {
  background: none !important;
  color: var(--gray) !important;
  border-left: none !important;
  padding: 0;
}

button#place_order:hover {
  background-color: #ffffff !important;
  color: var(--gold) !important;
}

.gtw-popup-order-gift-wrapper-items ul li:hover,
.gtw-popup-order-gift-wrapper-items ul li.gtw_current {
  border: 1px solid var(--gold) !important;
}

/*==================================
    Media Queries
===================================*/
@media only screen and (max-width: 770px) {
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
  img.woocommerce-placeholder.wp-post-image {
    display: inline-block;
  }

  .related.products ul li a img {
    display: block;
  }
}