/* Templates stylesheet for Flash Sale plugin
   Provides styles for popup, badge and timer template variants.
*/

.fsl-popup-template { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #222; }
.fsl-popup-template .fsl-cta { display:inline-block; padding:10px 16px; border-radius:6px; border:0; cursor:pointer; background:#2ecc71; color:#fff; text-decoration:none; font-weight:700; }
.fsl-popup-template .fsl-cta.button-primary { background:#0a84ff; }
.fsl-popup-template .fsl-cta:hover { opacity:.95; transform:translateY(-1px); transition:all .12s ease; }

.fsl-popup-1 .fsl-popup-inner h3 { margin:0 0 6px; color:#e74c3c; font-size:20px; }
.fsl-popup-1 .fsl-price { font-size:18px; color:#111; margin:6px 0; }
.fsl-popup-1 .fsl-cta { background:#e74c3c; }

.fsl-popup-2 { display:flex; gap:12px; align-items:center; }
.fsl-popup-2 .fsl-popup-thumb img { border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,0.08); max-width:100%; height:auto; }
.fsl-popup-2 .fsl-cta { background:linear-gradient(90deg,#f39c12,#e67e22); }

.fsl-popup-3 .fsl-countdown { font-weight:700; color:#c0392b; margin:8px 0; }
.fsl-popup-3 .fsl-price { font-size:18px; color:#27ae60; }

.fsl-popup-4 .fsl-badge-small { background:#ff6b6b; color:#fff; padding:4px 6px; border-radius:4px; font-weight:700; display:inline-block; margin-right:6px; }

.fsl-popup-5 .fsl-countdown-large { font-size:28px; font-weight:700; color:#c0392b; margin:8px 0; }

/* Badge variants */
.fsp-badge, .fsl-badge { font-weight:700; display:inline-block; padding:4px 8px; border-radius:4px; }
.fsl-badge-1 { background:#e74c3c; color:#fff; text-transform:uppercase; font-size:11px; }
.fsl-badge-2 { background:#e74c3c; color:#fff; font-size:13px; }
.fsl-badge-3 { border:1px solid #e6e6e6; color:#333; padding:6px; border-radius:50%; }
.fsl-badge-4 { background:#222; color:#fff; }
.fsl-badge-5 { background:linear-gradient(90deg,#ffb75e,#f857a6); color:#fff; }

/* Timer variants */
.fsl-timer { font-family: monospace; display:inline-block; padding:4px 6px; border-radius:4px; background:rgba(0,0,0,0.03); }
.fsl-timer-1 { color:#c0392b; font-weight:700; }
.fsl-timer-2 strong { background:#f1f1f1; padding:4px 6px; border-radius:4px; margin-right:4px; }
.fsl-timer-3 { border:1px solid #eee; padding:6px; }
.fsl-timer-4 .fsl-days { font-weight:700; color:#2c3e50; margin-right:4px; }
.fsl-timer-5 { color:#c0392b; font-weight:800; font-size:16px; }

@media (max-width:600px) {
  .fsl-popup { width:95%; padding:12px; }
  .fsl-popup-2 { flex-direction:column; align-items:stretch; }
  .fsl-popup-2 .fsl-popup-thumb { flex:0 0 auto; }
}

/* New popup variants (6-8) */
.fsl-popup-6 { display:flex; gap:0; border-radius:8px; overflow:hidden; }
.fsl-popup-6 .fsl-popup-hero { flex:0 0 40%; background-size:cover; background-position:center; min-height:140px; }
.fsl-popup-6 .fsl-hero-body { padding:18px; flex:1; background:#ffffff; }
.fsl-popup-6 .fsl-hero-body h2 { margin:0 0 6px; font-size:20px; }
.fsl-popup-6 .fsl-hero-body .fsl-cta { background:linear-gradient(90deg,#ff7a59,#ff4d6d); }

.fsl-popup-7 { display:flex; align-items:center; gap:12px; padding:12px; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,0.08); }
.fsl-popup-7 .fsl-mini-thumb { width:72px; height:72px; flex:0 0 72px; border-radius:8px; overflow:hidden; }
.fsl-popup-7 .fsl-mini-thumb img { width:100%; height:100%; object-fit:cover; }
.fsl-popup-7 .fsl-mini-body { flex:1; }
.fsl-popup-7 .fsl-mini-body .fsl-title { font-weight:700; margin:0 0 4px; }
.fsl-popup-7 .fsl-mini-body .fsl-price { color:#27ae60; font-weight:700; }

.fsl-popup-8 { text-align:center; padding:18px; border-radius:10px; background:linear-gradient(180deg,#fff8e6,#fff3e0); }
.fsl-popup-8 .fsl-coupon { display:inline-block; padding:10px 14px; border-radius:6px; background:#222; color:#fff; font-weight:800; letter-spacing:1px; }
.fsl-popup-8 .fsl-sub { margin-top:8px; color:#7f6000; font-weight:700; }