/* Frontend placeholder for styles/animations later */
.scfp-box{ display:inline-flex; align-items:center; gap:.35rem; }


/* SCFP Dynamic Sales Badge */
.scfp-badge{ position:absolute; top:.5rem; left:.5rem; z-index:5; pointer-events:none; }
.woocommerce div.product .images, .woocommerce ul.products li.product, .woocommerce ul.products li.product a, .woocommerce ul.products li.product .woocommerce-LoopProduct-link { position:relative; }
@media (max-width: 480px){
  .scfp-badge.scfp-hide-mobile{ display:none !important; }
}


/* === SCFP Style Catalog (10 styles) === */
.scfp-widget, .scfp-demo{
  --scfp-accent: var(--wp--preset--color--primary, var(--wp-admin-theme-color, #2271b1));
  --scfp-fg: #1e293b;
  --scfp-bg: #ffffff;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .75rem;
  border-radius:.75rem;
  border:1px solid rgba(0,0,0,.08);
  background: var(--scfp-bg);
  color: var(--scfp-fg);
  line-height:1.25;
  font-size: .95rem;
}
.scfp-widget .scfp-icon, .scfp-demo .scfp-icon{ display:inline-flex; align-items:center; justify-content:center; width:1.1em; height:1.1em; }
.scfp-widget .scfp-icon svg, .scfp-demo .scfp-icon svg{ width:1.1em; height:1.1em; }

/* 1) Clean Minimal (Free) */
.scfp-style-1{ background: #fff; border:1px solid rgba(0,0,0,.12); box-shadow: none; }

/* 2) Soft Highlight (Free) */
.scfp-style-2{ background: linear-gradient(0deg, rgba(34,113,177,.07), rgba(34,113,177,.07)), #fff; border-color: rgba(34,113,177,.25); }
.scfp-style-2 .scfp-icon{ filter: none; }

/* 3) Urgent Stripe (Free) */
.scfp-style-3{ 
  background:
    repeating-linear-gradient(135deg, rgba(255,0,0,.16) 0 8px, rgba(255,0,0,.08) 8px 16px),
    #fff;
  border-color: rgba(255,0,0,.25);
}

/* 4) Badge Glow (Pro) */
.scfp-style-4{
  background: radial-gradient(60% 120% at 0% 0%, rgba(34,113,177,.22), transparent 70%), #fff;
  border-color: rgba(34,113,177,.35);
  box-shadow: 0 6px 20px rgba(34,113,177,.18);
}

/* 5) Card with Icon (Pro) */
.scfp-style-5{ background:#fff; border-color: rgba(0,0,0,.12); box-shadow: 0 1px 0 rgba(0,0,0,.06); padding-left: .6rem; }
.scfp-style-5 .scfp-icon{ width:1.6em; height:1.6em; border-radius:.6rem; background: rgba(34,113,177,.12); padding:.35rem; }

/* 6) Dark Contrast (Pro) */
.scfp-style-6{ background:#111827; color:#f8fafc; border-color:#111827; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.scfp-style-6 .scfp-icon svg{ fill:#f8fafc; }
.scfp-style-6 a{ color:#e5e7eb; }

/* 7) Highlight Tag (Pro) */
.scfp-style-7{ background: #fff; border:1px dashed rgba(34,113,177,.5); box-shadow: none; position:relative; }
.scfp-style-7::after{ content:''; position:absolute; inset:auto 0 0 0; height:3px; background: rgba(34,113,177,.6); border-bottom-left-radius:.75rem; border-bottom-right-radius:.75rem; }

/* 8) Trust Bar (Pro) */
.scfp-style-8{ background: rgba(34,113,177,.12); border-color: rgba(34,113,177,.35); box-shadow: inset 0 0 0 2px rgba(34,113,177,.2); }

/* 9) Accent Corner (Pro) */
.scfp-style-9{ position:relative; background:#fff; border-color: rgba(0,0,0,.12); }
.scfp-style-9::before{ content:''; position:absolute; top:0; right:0; width:0; height:0; border-left:12px solid transparent; border-bottom:12px solid transparent; border-top:12px solid rgba(34,113,177,.65); border-right:12px solid rgba(34,113,177,.65); border-top-right-radius:.2rem; }

/* 10) Framed Card (Pro) */
.scfp-style-10{ background:#fff; border:2px solid rgba(0,0,0,.18); box-shadow: 0 2px 0 rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06); }

/* Ensure badges inherit styles nicely */
.scfp-badge.scfp-style-3, .scfp-badge.scfp-style-6{ color:#fff; border-color: transparent; }
.scfp-badge.scfp-style-4{ box-shadow: 0 10px 24px rgba(34,113,177,.25); }


/* Trust stack tweaks */
.scfp-trust .scfp-icon + .scfp-icon { margin-left:.35rem; }
.scfp-trust{ flex-wrap:wrap; }


/* Fallback wishlist button */
.scfp-wishlist-fallback .scfp-wishlist-btn{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.45rem .75rem; border-radius:.6rem;
  background:#fff; border:1px solid rgba(0,0,0,.15); cursor:pointer;
}
.scfp-wishlist-fallback .scfp-wishlist-btn.is-added{
  background: rgba(34,113,177,.1); border-color: rgba(34,113,177,.35);
}

/* === SCFP Icons (Emoji fallback) === */
.scfp-icon{ display:inline-flex; align-items:center; justify-content:center; width:1.2em; height:1.2em; }
.scfp-icon::before{ display:inline-block; }
.scfp-icon--users::before{ content: "👥"; }
.scfp-icon--eye::before{ content: "👁️"; }
.scfp-icon--bolt::before{ content: "⚡"; }
.scfp-icon--dot::before{ content: "•"; }
.scfp-icon--wave::before{ content: "🌊"; }
.scfp-icon--clock::before{ content: "⏰"; }
.scfp-icon--star::before{ content: "⭐"; }
.scfp-icon--graph::before{ content: "📈"; }
.scfp-icon--fire::before{ content: "🔥"; }


/* SCFP SVG icon rules */
.scfp-icon{ display:inline-flex; align-items:center; justify-content:center; width:1.1em; height:1.1em; line-height:1; vertical-align: -.125em; }
.scfp-icon svg{ width:1em; height:1em; display:block; }


/* Live Viewers count emphasis */
.scfp-count{ font-weight:600; padding:0 .2em; }