/* GG Shop Controls: what WooCommerce draws by itself of sales and deals (Figma "v1.5 Sales (Shop Controls) - mockups"):
   Sale prices, a deal's free line and the mini cart's hints. The pieces a template places from Shop Controls'
   data are the template's to style. Fonts come from the template (v1.5: Syne for words, Archivo for numbers);
   the custom properties are the usual knobs. */

:root {
	--ggsc-ink: #2d2b2c;
	--ggsc-muted: #6e6c6a;
	--ggsc-beige: #fbf3e2;
	--ggsc-green: #1f6b3a;
	--ggsc-green-bg: #eaf5ee;
}

/* What storefront.js shows and hides in a template keeps hidden over the template's own display. */
[data-ggsc-if][hidden], [data-ggsc-cart-if][hidden], .ggsc-hints[hidden], .ggsc-cart-values { display: none !important; }

/* Sale price: New price, the code, the old price crossed out. */
.ggsc-price { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: 6px; }
.ggsc-price ins { text-decoration: none; background: none; color: inherit; }
.ggsc-price__code { color: var(--ggsc-muted); font-size: var(--ggsc-code-size, .8em); font-weight: 400; }
.ggsc-price__was { color: var(--ggsc-muted); font-size: var(--ggsc-was-size, .87em); font-weight: 400; text-decoration: line-through; }
.ggsc-price__was .amount { color: inherit; }
.ggsc-price--main { --ggsc-code-size: .57em; --ggsc-was-size: .69em; }
.ggsc-price .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

/* A deal's free line in the cart, mini cart and checkout. */
.ggsc-name-row { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.ggsc-free-tag { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 100px; background: var(--ggsc-green-bg); color: var(--ggsc-green); font-size: 12px; font-weight: 500; line-height: normal; white-space: nowrap; vertical-align: middle; }
.ggsc-free-price { color: var(--ggsc-green); font-weight: 600; }
.ggsc-free-qty { color: var(--ggsc-muted); font-size: 13px; }
.ggsc-free-qty b { color: var(--ggsc-ink); font-weight: 500; }
.variation dt.variation-Deal { display: none; }
.variation dd.variation-Deal, .variation dd.variation-Deal p { margin: 0; }

/* WooCommerce's own mini cart: "Add 1 more … and get 1 free", "Add 9 more … to save 20%". */
.ggsc-hints { display: flex; flex-direction: column; gap: 8px; }
.ggsc-hint { margin: 0; padding: 10px 14px; border-radius: 4px; background: var(--ggsc-beige); color: var(--ggsc-ink); font-size: 13px; line-height: normal; }
.ggsc-mini-hints { list-style: none; margin: 0 0 12px; padding: 0; }
.ggsc-mini-hints .ggsc-hint { padding: 10px 12px; font-size: 12px; }