/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2026 | 09:11:33 */
/* Custom Guitar Atelier | WooCommerce + Flatsome
   Styles the Description tab across all WooCommerce products.
   Paste into Custom CSS & JS as frontend CSS. */

/* Replace Flatsome's outer frame only while Description is active. */
.single-product .woocommerce-tabs > .tab-panels:has(> :is(#tab-description, .woocommerce-Tabs-panel--description).active) {
  padding: 0;
  border: 0;
  background: transparent;
}

/* Give prose, headings, and specifications the same panel gutters. */
.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) {
  --cga-ink: #30231e;
  --cga-text: #514943;
  --cga-gold: #b38a45;
  --cga-line: #e6dccd;
  box-sizing: border-box;
  padding: clamp(18px, 3vw, 34px);
  border: 1px solid var(--cga-line);
  border-radius: 0 0 8px 8px;
  background: #fffdf9;
  color: var(--cga-text);
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

/* Keep the tab's normal show/hide behavior. */
.single-product .woocommerce-tabs :is(#tab-title-description, .description_tab).active > a {
  border-color: #e6dccd;
  border-top-color: #b38a45;
  background: #fffdf9;
  color: #30231e;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) > :is(h2, h3, h4) {
  margin: 1.4em 0 0.65em;
  padding-block-end: 0.35em;
  border-block-end: 1px solid var(--cga-line);
  color: var(--cga-ink);
  font-family: inherit;
  font-size: clamp(1.25rem, 1.9vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
  text-transform: none;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) > :is(h2, h3, h4):first-child {
  margin-top: 0;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) > p {
  margin: 0 0 0.85em;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) :is(strong, b) {
  color: var(--cga-ink);
  font-weight: 700;
}

/* Specifications entered as bold labels separated by line breaks. */
.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) > p:has(> :is(strong, b):first-child):has(> br) {
  padding: 10px 14px;
  border: 1px solid var(--cga-line);
  border-inline-start: 2px solid var(--cga-gold);
  border-radius: 4px;
  background: #fff;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) > :is(ul, ol) {
  margin: 0 0 1em;
  padding: 0 0 0 1.25em;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) > :is(ul, ol) > li {
  margin: 0 0 0.35em;
  padding: 0;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) > :is(ul, ol) > li::marker {
  color: #8a642e;
}

/* Use compact rows for flat lists that begin with a bold specification label. */
.single-product :is(#tab-description, .woocommerce-Tabs-panel--description)
  > :is(h2, h3, h4) + ul:has(> li:first-child > :is(strong, b):first-child):not(:has(ul, ol)) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(19rem, calc((100% - 8px) / 2))), 1fr));
  gap: 8px;
  padding: 0;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description)
  > :is(h2, h3, h4) + ul:has(> li:first-child > :is(strong, b):first-child):not(:has(ul, ol)) > li {
  min-inline-size: 0;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--cga-line);
  border-inline-start: 2px solid var(--cga-gold);
  border-radius: 4px;
  background: #fff;
  line-height: 1.5;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description)
  > :is(h2, h3, h4) + ul:has(> li:first-child > :is(strong, b):first-child):not(:has(ul, ol)) > li::marker {
  color: transparent;
}

.single-product :is(#tab-description, .woocommerce-Tabs-panel--description) > :last-child {
  margin-bottom: 0;
}