/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 08 2026 | 13:09:33 */
/* Custom Guitar Atelier | WooCommerce + Flatsome
   Add through Custom CSS & JS as frontend CSS, after theme styles.
   Scope: shop and product category/tag archives.
   Product images and their containers are intentionally left untouched.
*/

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) {
  --cga-brown: #493429;
  --cga-brown-dark: #30231c;
  --cga-gold: #986b30;
  --cga-cream: #faf6ef;
  --cga-border: #e8dfd4;
  --cga-muted: #71665e;
}

/* Refined cards without changing image layout or applying transforms. */
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .product-small > .col-inner {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px var(--cga-border), 0 4px 14px rgb(49 34 24 / 6%);
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .box-text {
  padding: 18px 16px 20px;
  text-align: center;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .category {
  color: var(--cga-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1.5;
  margin-bottom: 6px;
  opacity: 1;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .name a {
  color: var(--cga-brown);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .name a:hover {
  color: var(--cga-gold);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .price {
  display: block;
  margin-top: 10px;
  color: var(--cga-brown-dark);
  font-size: 16px;
  line-height: 1.6;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .price del {
  color: var(--cga-muted);
  font-size: .875em;
  margin-inline-end: 5px;
  opacity: 1;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .price ins {
  color: #ad342d;
  font-weight: 700;
  text-decoration: none;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .add-to-cart-button a.button {
  background: linear-gradient(135deg, #f3dfa2 0%, #e5c477 28%, #d6ad52 62%, #c69a3e 100%);
  border: 1px solid #ad8030;
  border-radius: 3px;
  color: #30231c;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 55%), 0 3px 8px rgb(73 52 41 / 14%);
  min-height: 44px;
  padding: 10px 18px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .04em;
  white-space: normal;
  margin-top: 12px;
  margin-bottom: 0;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .add-to-cart-button a.button:hover {
  background: linear-gradient(135deg, #f8e8b8 0%, #edcf88 28%, #dfb960 62%, #cfa345 100%);
  border-color: #986b30;
  color: #30231c;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.shop-container .products .add-to-cart-button a.button:active {
  background: linear-gradient(135deg, #d6ad52, #c69a3e);
  box-shadow: inset 0 2px 4px rgb(73 52 41 / 18%);
}

/* Keep Flatsome's category accordion and mobile filter behavior. */
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
#shop-sidebar .widget-title {
  color: var(--cga-brown-dark);
  font-size: 14px;
  letter-spacing: .1em;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
#shop-sidebar .product-categories li a {
  color: var(--cga-muted);
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.5;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
#shop-sidebar .product-categories li.current-cat > a {
  color: var(--cga-brown-dark);
  background: var(--cga-cream);
  box-shadow: inset 2px 0 var(--cga-gold);
  padding-inline-start: 12px;
  font-weight: 600;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
#shop-sidebar .product-categories li a:hover {
  color: var(--cga-brown-dark);
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
.woocommerce-ordering select {
  border: 1px solid var(--cga-border);
  border-radius: 3px;
  box-shadow: none;
  color: var(--cga-brown);
  min-height: 44px;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
:is(.shop-container, #shop-sidebar, .woocommerce-ordering)
:is(a, button, select):focus-visible {
  outline: 2px solid var(--cga-gold);
  outline-offset: 3px;
}

@media (max-width: 549px) {
  body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .shop-container .products .box-text {
    padding: 14px 10px 16px;
  }

  body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .shop-container .products .name a {
    font-size: 14px;
  }

  body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .shop-container .products .add-to-cart-button a.button {
    padding-inline: 12px;
    font-size: 11px;
  }
}