/*
Theme Name:   Kadence Child — SVG Store
Theme URI:    https://example.com
Description:  Child theme for a digital SVG storefront. Digital-only checkout, protected downloads, license tab, free/paid/membership-ready.
Author:       KYLAMO LLC
Template:     kadence
Version:      1.0.0
Text Domain:  svgstore
*/

/* ---------------------------------------------------------
   Only put overrides here. Structural styling belongs in
   Appearance > Customize so it survives theme updates.
   --------------------------------------------------------- */

/* Instant-download badge on product pages */
.svgstore-instant {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: .4em .8em;
  border-radius: 3px;
  background: var(--global-palette7, #f2f2f2);
  color: var(--global-palette4, #2d3748);
  margin-bottom: 1em;
}

/* Free products read differently from paid ones in the grid */
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins {
  text-decoration: none;
  font-weight: 700;
}

.svgstore-free-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .3em .6em;
  border-radius: 2px;
  background: #1f7a4d;
  color: #fff;
}

/* File-format chips under the title */
.svgstore-formats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 1.2em;
  padding: 0;
  list-style: none;
}
.svgstore-formats li {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  padding: .25em .6em;
  border: 1px solid var(--global-palette6, #ddd);
  border-radius: 2px;
  color: var(--global-palette5, #4a5568);
}

/* Quantity-discount table */
.svgstore-qty-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
  font-size: .9rem;
}
.svgstore-qty-table th,
.svgstore-qty-table td {
  border: 1px solid var(--global-palette6, #e2e8f0);
  padding: .5em .75em;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.svgstore-qty-table th { background: var(--global-palette7, #f7fafc); font-weight: 600; }