/* ==========================================================================
   GDS STORE — Avada / WooCommerce Custom CSS
   Reskins Avada's default WooCommerce templates to match the locked
   homepage design (v4): cream base, plum + gold accents, Fraunces/Inter.
   Paste into Avada > Theme Options > Custom CSS, or a child theme style.css
   ========================================================================== */

:root{
  --gds-cream:#FBF6EC;
  --gds-cream-2:#F3E9D6;
  --gds-ink:#241A2E;
  --gds-plum:#5B2C55;
  --gds-plum-deep:#3E1D3A;
  --gds-plum-light:#8C5A82;
  --gds-gold:#C6A45F;
  --gds-gold-light:#E4CB94;
  --gds-line: rgba(36,26,46,0.12);
}

body, .fusion-body{
  background-color:var(--gds-cream);
  color:var(--gds-ink);
  font-family:'Inter', sans-serif;
}
h1,h2,h3,h4,.fusion-page-title-bar h1{
  font-family:'Fraunces', serif;
  font-weight:500;
  letter-spacing:-0.01em;
  color:var(--gds-ink);
}

/* ===== Top bar / announcement ribbon ===== */
#top-bar{
  background-color:var(--gds-ink) !important;
}
#top-bar, #top-bar a{
  color:rgba(251,246,236,0.85) !important;
  font-size:12px;
  letter-spacing:0.04em;
}

/* ===== Breadcrumbs ===== */
.woocommerce-breadcrumb, .fusion-breadcrumbs{
  padding:22px 0;
  font-size:12.5px;
  color:rgba(36,26,46,0.55);
  border-bottom:1px solid var(--gds-line);
}
.woocommerce-breadcrumb a, .fusion-breadcrumbs a{
  color:var(--gds-plum);
}

/* ===== Shop / Category / Search archive grid ===== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--gds-cream);
  border:1px solid var(--gds-line);
  padding:0 !important;
  transition:transform .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 30px rgba(36,26,46,0.1);
}
.woocommerce ul.products li.product img{
  aspect-ratio:1;
  object-fit:cover;
  background:var(--gds-cream-2);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Fraunces', serif;
  font-size:15px;
  font-weight:500;
  padding:0 18px;
  margin-top:14px;
}
.woocommerce ul.products li.product .price{
  font-family:'Fraunces', serif;
  color:var(--gds-plum) !important;
  font-size:18px;
  padding:0 18px;
}
.woocommerce ul.products li.product .price del{
  color:rgba(36,26,46,0.4);
  font-family:'Inter', sans-serif;
  font-size:13px;
}
.woocommerce ul.products li.product .star-rating{
  color:var(--gds-gold);
  margin:0 18px 8px;
}
.woocommerce ul.products li.product .button,
.woocommerce a.add_to_cart_button,
.woocommerce a.button.product_type_simple{
  display:block;
  width:calc(100% - 36px);
  margin:0 18px 18px;
  text-align:center;
  padding:10px 0;
  background:var(--gds-ink) !important;
  color:var(--gds-cream) !important;
  font-size:11px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-weight:700;
  border:1px solid var(--gds-ink) !important;
  border-radius:0 !important;
}
.woocommerce ul.products li.product .button:hover{
  background:transparent !important;
  color:var(--gds-ink) !important;
}

/* ===== Single Product — eyebrow, trust row, benefits box (added by plugin hooks) ===== */
.gds-pd-eyebrow{
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--gds-plum);
  font-weight:700;
  margin-bottom:10px;
}
.gds-pd-trust-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--gds-line);
  font-size:12px;
  color:rgba(36,26,46,0.65);
  text-align:left;
}
.gds-pd-trust-row .ic{
  color:var(--gds-gold);
  font-size:16px;
  display:block;
  margin-bottom:4px;
}
.gds-pd-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--gds-line);
  border:1px solid var(--gds-line);
  margin:48px 0;
}
.gds-pd-benefits > div{
  background:var(--gds-cream-2);
  padding:28px 22px;
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.gds-pd-benefits .ic{
  color:var(--gds-gold);
  font-size:20px;
  flex-shrink:0;
}
.gds-pd-benefits strong{
  font-family:'Fraunces', serif;
  font-size:14px;
  display:block;
  margin-bottom:4px;
  color:var(--gds-ink);
}
.gds-pd-benefits p{
  font-size:12.5px;
  color:rgba(36,26,46,0.6);
  margin:0;
}
@media (max-width:900px){
  .gds-pd-trust-row, .gds-pd-benefits{ grid-template-columns:1fr 1fr; }
}

/* ===== Variation "pill" swatches =====
   Works with the free "Variation Swatches for WooCommerce" plugin's
   default markup (ul.variable-items-wrapper li.variable-item). If you're
   using a different swatches plugin, these selectors may need updating
   to match its markup — check the plugin's rendered HTML classes. */
.variable-items-wrapper{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.variable-items-wrapper li.variable-item{
  border:1px solid var(--gds-line) !important;
  border-radius:0 !important;
  padding:10px 18px !important;
  font-size:13px;
  font-weight:600;
  background:var(--gds-cream) !important;
  color:var(--gds-ink) !important;
  cursor:pointer;
  height:auto !important;
  width:auto !important;
  min-width:auto !important;
}
.variable-items-wrapper li.variable-item.selected,
.variable-items-wrapper li.variable-item:hover{
  border-color:var(--gds-plum) !important;
  background:var(--gds-plum) !important;
  color:var(--gds-cream) !important;
}

/* ===== Related products section (WooCommerce's real related-products loop) ===== */
.related.products .products{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
}
@media (max-width:900px){
  .related.products .products{ grid-template-columns:repeat(2,1fr); }
}

/* ===== Sale / featured badges ===== */
.woocommerce span.onsale{
  background:var(--gds-ink) !important;
  color:var(--gds-gold-light) !important;
  font-size:9.5px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-weight:700;
  border-radius:0;
  top:14px;
  left:14px;
  min-height:auto;
  min-width:auto;
  padding:5px 10px;
  line-height:1;
}

/* ===== Sidebar filters (price/layered nav widgets) ===== */
.woocommerce-widget-layered-nav,
.widget_price_filter,
.widget_layered_nav_filters{
  background:var(--gds-cream-2);
  border:1px solid var(--gds-line);
  padding:28px;
  margin-bottom:0;
}
.woocommerce-widget-layered-nav .widget-title,
.widget_price_filter .widget-title{
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--gds-plum);
  font-weight:700;
  margin-bottom:14px;
}
.price_slider_amount .button{
  background:var(--gds-plum) !important;
  border-radius:0;
}

/* ===== Pagination ===== */
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span{
  border:1px solid var(--gds-line);
  border-radius:0;
  color:var(--gds-ink);
}
.woocommerce-pagination ul.page-numbers li .current{
  background:var(--gds-plum);
  color:var(--gds-cream);
  border-color:var(--gds-plum);
}

/* ===== Single Product ===== */
.single-product div.product .woocommerce-product-gallery{
  background:var(--gds-cream-2);
}
.single-product div.product p.price,
.single-product div.product span.price{
  font-family:'Fraunces', serif;
  font-size:30px;
  color:var(--gds-plum) !important;
}
.single-product div.product .product_title{
  font-size:clamp(28px,3.2vw,38px);
}
.single-product div.product form.cart .button{
  background:var(--gds-gold) !important;
  color:var(--gds-ink) !important;
  border:1px solid var(--gds-gold) !important;
  border-radius:0;
  padding:14px 30px;
  font-size:12px;
  letter-spacing:0.07em;
  text-transform:uppercase;
  font-weight:700;
}
.single-product div.product form.cart .button:hover{
  background:transparent !important;
  color:var(--gds-gold) !important;
}
.woocommerce-tabs ul.tabs li{
  font-size:13px;
  letter-spacing:0.04em;
  text-transform:uppercase;
  font-weight:700;
}
.woocommerce-tabs ul.tabs li.active{
  color:var(--gds-plum);
  border-bottom:2px solid var(--gds-plum);
}
#reviews .star-rating{
  color:var(--gds-gold);
}

/* Related products heading */
.related.products > h2{
  font-family:'Fraunces', serif;
  font-size:clamp(28px,3.4vw,40px);
}

/* ===== Search results page ===== */
.woocommerce-products-header__title,
.search .page-title{
  font-family:'Fraunces', serif;
}
.search-form input[type="search"]{
  border:1px solid var(--gds-line);
  background:var(--gds-cream);
  padding:18px 20px;
  font-size:15px;
}
.search-form button, .search-form input[type="submit"]{
  background:var(--gds-plum) !important;
  color:var(--gds-cream) !important;
  border-radius:0;
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-size:13px;
  font-weight:700;
}

/* ===== Buttons — global Fusion Builder button element ===== */
.fusion-button.button-flat, .fusion-button{
  border-radius:0 !important;
}

/* ===== Footer ===== */
#footer, .fusion-footer-widget-area{
  background:var(--gds-plum-deep) !important;
  color:var(--gds-cream);
}
#footer h4, #footer h3{
  color:var(--gds-gold);
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
#footer a{
  color:rgba(251,246,236,0.6);
}
#footer a:hover{
  color:var(--gds-gold-light);
}

/* ===== Mobile ===== */
@media (max-width:900px){
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    width:calc(50% - 10px) !important;
  }
}
