/* Flash sale (inc/flash-sale.php): the homepage row, the panel under a product's price,
   the card badge and "Save" line, the countdown tiles and the announcement-bar message.
   Layout from the owner's reference (2026-09-25), spacing tightened to the site's rhythm. */

/* ---- the mark: gradient bolt + bold italic "Flash Sale" ---- */
.au-flash-mark{display:flex;align-items:center;gap:6px;margin:0;color:var(--primary);font-weight:800;font-style:italic;letter-spacing:-.025em;line-height:1.05}
.au-flash-bolt{width:1em;height:1em;flex-shrink:0;transform:skewX(-8deg)}
h2.au-flash-mark{font-size:var(--h2-large)}
p.au-flash-mark{font-size:var(--text-3xl)}

/* ---- countdown tiles ---- */
.au-countdown-units{display:flex;align-items:flex-start;gap:6px}
.au-countdown-unit{display:flex;flex-direction:column;align-items:center;gap:6px}
.au-countdown-num{position:relative;display:grid;place-items:center;min-width:52px;height:52px;padding:0 6px;overflow:hidden;background:var(--surface);border:1px solid #e8d3c8;border-radius:var(--radius-control);color:var(--primary);font-size:var(--text-4xl);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;box-shadow:0 8px 16px -12px rgb(152 83 64 / 55%)}
.au-countdown-num::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgb(152 83 64 / 10%)}
.au-countdown-digits{display:block}
.au-countdown-digits.au-tick{animation:au-flash-tick .34s cubic-bezier(.2,.7,.3,1)}
.au-countdown-label{font-size:var(--text-2xs);color:var(--muted);letter-spacing:.02em}
.au-countdown-sep{display:grid;place-items:center;height:52px;color:var(--primary);font-size:var(--text-xl);font-weight:700;animation:au-flash-blink 1s steps(1) infinite}
@keyframes au-flash-tick{from{transform:translateY(-40%);opacity:.2}to{transform:none;opacity:1}}
@keyframes au-flash-blink{50%{opacity:.35}}
.au-flash-timer{display:flex;align-items:flex-start;gap:var(--space-3)}
.au-flash-ends{display:flex;align-items:center;height:52px;font-size:var(--text-sm);color:var(--text);white-space:nowrap}

/* ---- homepage row ---- */
.au-flash-section{padding-top:var(--space-10)}
.au-flash{background:var(--blush);border:1px solid #ecdcd2;border-radius:var(--radius-overlay);padding:var(--space-8)}
.au-flash-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-5) var(--space-8);margin-bottom:var(--space-6)}
.au-flash-intro .au-eyebrow{margin-bottom:var(--space-2)}
.au-flash-text{margin-top:var(--space-2);font-size:var(--text-base);color:var(--text)}
.au-flash-side{display:flex;align-items:flex-start;gap:var(--space-6)}
.au-flash-all{display:inline-flex;align-items:center;gap:6px;height:52px;font-size:var(--text-md);font-weight:600;white-space:nowrap}
.au-flash-all .au-icon{width:16px;height:16px}
.au-flash-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--space-5)) / 4);gap:var(--space-5);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-card)}
.au-flash-track::-webkit-scrollbar{display:none}
.au-flash-track:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.au-flash-track>.au-product-card{scroll-snap-align:start}
.au-flash .au-product-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-card);overflow:hidden}
.au-flash .au-product-image{border-radius:0}
.au-flash .au-category-label,.au-flash .au-rating{display:none}
.au-flash .au-product-card h3{margin:var(--space-3) var(--space-4) var(--space-2)}
.au-flash .au-card-meta{margin-top:auto;padding:0 var(--space-4) var(--space-4)}
.au-flash .au-price{font-size:var(--text-xl);gap:2px var(--space-2)}
.au-flash .au-price del{font-size:var(--text-sm)}
.au-flash-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3) var(--space-4);margin-top:var(--space-5)}
.au-flash-note{font-size:var(--text-sm);color:var(--muted)}
.au-flash-note strong,.au-flash-panel-note strong{color:var(--ink);font-weight:600}
.au-flash-pager{display:flex;align-items:center;gap:var(--space-2)}
.au-flash-pager[hidden]{display:none}
.au-flash-count{margin-right:var(--space-2);font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums}
.au-flash-step{border:1px solid var(--control);background:var(--surface)}
.au-flash-step:hover{background:var(--surface);border-color:var(--primary)}
.au-flash-step:disabled{opacity:.4;cursor:default}
.au-flash-prev .au-icon{transform:rotate(180deg)}

/* ---- price and badge wherever a set is in the sale ---- */
.au-price--flash>span:first-child{color:var(--primary)}
.au-price-save{flex-basis:100%;font-size:var(--text-sm);font-weight:500;color:var(--success)}
.au-price--large .au-price-save{font-size:var(--text-md)}
.au-flash-badge{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;gap:3px;padding:6px 10px 6px 8px;border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:700;line-height:1;box-shadow:0 6px 14px -6px rgb(152 83 64 / 60%)}
.au-flash-badge .au-icon{width:12px;height:12px;fill:currentColor;stroke:currentColor;stroke-width:1}

/* ---- panel under a product's price, and on the deals listing ---- */
.au-flash-panel{margin:var(--space-4) 0 var(--space-5);padding:var(--space-4) var(--space-5);background:var(--blush);border:1px solid #ecdcd2;border-radius:var(--radius-card)}
.au-flash-panel-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3) var(--space-5)}
.au-flash-panel .au-countdown-num{min-width:40px;height:40px;padding:0 4px;font-size:var(--text-xl);border-radius:10px}
.au-flash-panel .au-countdown-sep,.au-flash-panel .au-flash-ends{height:40px}
.au-flash-panel .au-countdown-sep{font-size:var(--text-base)}
.au-flash-panel .au-countdown-label{font-size:var(--text-micro)}
.au-flash-panel-note{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #e6d2c7;font-size:var(--text-sm);color:var(--muted)}
.au-flash-panel--listing{max-width:600px;margin-bottom:0}

/* ---- announcement bar ---- */
.au-announcement-flash{display:inline-flex;align-items:center;gap:8px;max-width:100%}
.au-announcement-slide .au-announcement-flash{text-decoration:none}
.au-announcement-flash .au-icon{width:14px;height:14px;fill:#f0b27d;stroke:#f0b27d;stroke-width:1}
.au-announcement-flash strong{font-weight:700;color:#fff} /* the theme inks every <strong>; this bar is ink */
.au-announcement-flash-extra::before{content:"·";margin-right:8px}
.au-announcement-flash>span:last-child::before{content:"·";margin-right:8px}
.au-countdown-inline{font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums}

@media(prefers-reduced-motion:reduce){.au-countdown-sep,.au-countdown-digits.au-tick{animation:none}}
@media(min-width:768px) and (max-width:991px){.au-flash-track{grid-auto-columns:calc((100% - 2 * var(--space-5)) / 3)}}
@media(max-width:767px){
	.au-flash-section{padding-top:var(--space-8)}
	.au-flash{padding:var(--space-5) var(--space-4);border-radius:var(--radius-card)}
	.au-flash-head{gap:var(--space-4);margin-bottom:var(--space-5)}
	h2.au-flash-mark{font-size:var(--text-5xl)}
	.au-flash-side{width:100%;flex-direction:column;gap:var(--space-2)}
	.au-flash-all{height:auto}
	.au-countdown-num{min-width:44px;height:46px;font-size:var(--text-2xl)}
	.au-countdown-sep,.au-flash-ends{height:46px}
	.au-flash-track{grid-auto-columns:calc((100% - var(--space-3)) / 2.15);gap:var(--space-3)}
	.au-flash .au-product-card h3{margin:var(--space-3) var(--space-3) var(--space-1)}
	.au-flash .au-card-meta{padding:0 var(--space-3) var(--space-3)}
	.au-flash .au-price{font-size:var(--text-base)}
	.au-flash-badge{top:8px;left:8px;padding:5px 8px 5px 6px;font-size:var(--text-2xs)}
	.au-flash-panel{padding:var(--space-4)}
	p.au-flash-mark{font-size:var(--text-2xl)}
	.au-announcement-flash-extra{display:none}
}
