/* meebd storefront - sales (module flash-sales): badges, countdown, sale pages, cart and checkout notes.
   Uses the theme variables of public/shop.css (--sf-accent, --sf-radius ...) with plain fallbacks, never its own colours for text on the accent. */

/* ---- price and notes on cards, cart and checkout ---- */
.sf-sale-was{color:var(--sf-muted,#6b7280);font-weight:400;text-decoration:line-through;text-decoration-thickness:1px;margin-inline-end:.35em}
.sf-sale-note{margin:4px 0 0;font-size:.8125rem;line-height:1.35;color:var(--sf-muted,#6b7280)}
.sf-sale-line{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:.8125rem}
.sf-sale-line__name{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sf-sale-line__note{display:block;margin-top:4px;font-size:.8125rem;line-height:1.35;color:var(--sf-text,#111827);background:var(--sf-accent-soft,#eef2ff);border-radius:var(--sf-radius,8px);padding:6px 9px}

/* ---- countdown ---- */
.sf-countdown{display:inline-block;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.01em;min-width:4.6em}
.sf-countdown.is-over{color:var(--sf-muted,#6b7280)}

/* ---- product page ---- */
.sf-sale-pdp{margin:10px 0 4px;padding:11px 13px;border:1px solid var(--sf-border,#e5e7eb);border-inline-start:4px solid var(--sf-accent,#155eef);border-radius:var(--sf-radius,8px);background:var(--sf-accent-soft,#eef2ff);color:var(--sf-text,#111827)}
.sf-sale-pdp p{margin:0}
.sf-sale-pdp p+p{margin-top:5px}
.sf-sale-pdp__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600}
.sf-sale-pdp__name{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sf-sale-pdp__time,.sf-sale-pdp__left,.sf-sale-pdp__over{font-size:.875rem}
.sf-sale-pdp__left{color:var(--sf-muted,#4b5563)}
.sf-sale-pdp--over{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-inline-start-color:var(--sf-border,#9ca3af);background:var(--sf-surface,#f9fafb);font-size:.875rem}

/* ---- sale landing page ---- */
.sf-sale-wrap{padding-block:8px 40px}
.sf-sale-hero{position:relative;margin:0 0 22px;border-radius:calc(var(--sf-radius,8px) + 4px);background:var(--sf-accent-soft,#eef2ff);overflow:hidden}
.sf-sale-hero.has-image{min-height:230px;display:flex;align-items:flex-end;background:#111}
.sf-sale-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sf-sale-hero.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.72) 100%)}
.sf-sale-hero__copy{position:relative;z-index:1;padding:26px 22px;width:100%;color:var(--sf-text,#111827)}
.sf-sale-hero.has-image .sf-sale-hero__copy{color:#fff}
.sf-sale-hero__kicker{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.sf-sale-hero__title{margin:0;font-family:var(--sf-display,inherit);font-size:clamp(1.7rem,5vw,2.8rem);line-height:1.1}
.sf-sale-hero__text{margin:10px 0 0;max-width:62ch;font-size:1rem;line-height:1.55}
.sf-sale-hero__time{margin:14px 0 0;font-size:1.125rem}
.sf-sale-hero__time .sf-countdown{font-size:1.5rem}
.sf-sale-hero__when{margin:6px 0 0;font-size:.875rem;opacity:.9}
.sf-sale-hero__when .sf-muted{color:inherit;opacity:.8}
.sf-sale-hero__over{margin:8px 0 0;font-weight:600}
.sf-sale-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.sf-sale-count{margin:0;color:var(--sf-muted,#6b7280)}
.sf-sale-sort{display:flex;align-items:center;gap:8px}
.sf-sale-sort label{font-size:.875rem;color:var(--sf-muted,#6b7280)}
.sf-sale-sort .sf-select{min-height:44px;width:auto}
.sf-sale-sort .sf-btn{min-height:44px}
.sf-sale-others,.sf-sale-soon{margin-top:30px}
.sf-sale-others__list,.sf-sale-soon__list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}

/* ---- sale index ---- */
.sf-sale-index__title{margin:6px 0 18px;font-family:var(--sf-display,inherit)}
.sf-sale-cards{margin:0;padding:0;list-style:none;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.sf-sale-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sf-sale-card{display:flex;flex-direction:column;border:1px solid var(--sf-border,#e5e7eb);border-radius:calc(var(--sf-radius,8px) + 2px);background:var(--sf-surface,#fff);overflow:hidden}
.sf-sale-card__media{display:block;aspect-ratio:16/7;background:var(--sf-accent-soft,#eef2ff)}
.sf-sale-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.sf-sale-card__ph{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--sf-display,inherit);font-size:2rem;font-weight:700;color:var(--sf-accent,#155eef)}
.sf-sale-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px}
.sf-sale-card__kicker{margin:0}
.sf-sale-card__title{margin:0;font-size:1.25rem;line-height:1.2}
.sf-sale-card__title a{color:inherit;text-decoration:none}
.sf-sale-card__text{margin:0;color:var(--sf-muted,#4b5563);line-height:1.5}
.sf-sale-card__meta{margin:0;font-size:.875rem;color:var(--sf-muted,#4b5563)}

/* ---- section on the home page and in the page builder ---- */
.sf-sale-widget__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 16px}
.sf-sale-widget__head .sf-heading{margin:4px 0 0}
.sf-sale-widget__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:.875rem}

@media (max-width:520px){
    .sf-sale-hero__copy{padding:20px 16px}
    .sf-sale-sort{width:100%}
    .sf-sale-sort .sf-select{flex:1}
}
@media (prefers-reduced-motion:reduce){.sf-countdown{transition:none}}