/* ═══════════════════════════════════════════════════════════════════
   PROMO CARD BADGE DESIGNS — v6.5
   Birden fazla badge tasarımı (Weekend Discount stili dahil)
   Kullanım: <span class="sp-pc-badge sp-pc-badge-{design}">…</span>
   --pc-badge-bg → admin'den seçilen renk (varsayılan: #28a745 yeşil)
   ═══════════════════════════════════════════════════════════════════ */

.sp-pc-badge{
  --pc-badge-bg:#28a745;
  --pc-badge-fg:#ffffff;
  position:relative;
  display:inline-flex;
  align-items:center;
  font-weight:700;
  font-size:13px;
  letter-spacing:.3px;
  line-height:1;
  white-space:nowrap;
  z-index:2;
}

/* ── flat (mevcut, klasik) ───────────────────────────── */
.sp-pc-badge-flat{
  background:var(--pc-badge-bg)!important;
  color:var(--pc-badge-fg)!important;
  padding:7px 16px!important;
  border-radius:6px!important;
}

/* ── pill (yuvarlak hap şekli) ───────────────────────── */
.sp-pc-badge-pill{
  background:var(--pc-badge-bg)!important;
  color:var(--pc-badge-fg)!important;
  padding:7px 18px!important;
  border-radius:999px!important;
}

/* ── arrow (Weekend Discount stili — sağ ucu sivri ok) ─ */
/* v6.0.5: Tek clip-path polygon ile hem dikdörtgen badge hem sağ sivri ok ucu.
   Önceki ::after yaklaşımı kart overflow:hidden nedeniyle kesiliyordu. Bu yöntem
   ok ucunu badge'in İÇİNDE çizer — kart kesimi etkilemez. Sol köşeler 4px
   (Weekend Discount benzeri köşe yumuşatması). */
.sp-pc-badge-arrow{
  background:var(--pc-badge-bg)!important;
  color:var(--pc-badge-fg)!important;
  padding:9px 26px 9px 16px!important;  /* sağ ekstra padding ok ucu için yer açar */
  border-radius:4px 0 0 4px!important;
  position:relative;
  display:inline-flex;
  align-items:center;
  line-height:1.2;
  /* polygon: sol-üst köşe → sağ-üst (ok başlangıcı) → sağ-orta (sivri uç) → sağ-alt → sol-alt → sol-orta → kapanış */
  clip-path:polygon(
    0 0,
    calc(100% - 14px) 0,
    100% 50%,
    calc(100% - 14px) 100%,
    0 100%
  );
}
/* ::after artık gereksiz — clip-path tek başına ok'u çiziyor */
.sp-pc-badge-arrow::after{ content:none !important; display:none !important; }

/* ── ribbon (kurdele — sol ucunda V kesik) ───────────── */
.sp-pc-badge-ribbon{
  background:var(--pc-badge-bg)!important;
  color:var(--pc-badge-fg)!important;
  padding:7px 18px 7px 22px!important;
  position:relative;
  margin-left:8px;
  clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 50%);
}

/* ── tag (etiket — sol ucu sivri, sağda yuvarlak) ────── */
.sp-pc-badge-tag{
  background:var(--pc-badge-bg)!important;
  color:var(--pc-badge-fg)!important;
  padding:7px 16px 7px 20px!important;
  border-radius:0 4px 4px 0!important;
  position:relative;
  margin-left:14px;
}
.sp-pc-badge-tag::before{
  content:"";
  position:absolute;
  left:-12px;
  top:0;
  bottom:0;
  width:0;
  height:0;
  border-top:16px solid transparent;
  border-bottom:16px solid transparent;
  border-right:13px solid var(--pc-badge-bg);
}
.sp-pc-badge-tag::after{
  content:"";
  position:absolute;
  left:4px;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  transform:translateY(-50%);
}

/* ── notch (sağ-sol çentikli) ────────────────────────── */
.sp-pc-badge-notch{
  background:var(--pc-badge-bg)!important;
  color:var(--pc-badge-fg)!important;
  padding:7px 22px!important;
  clip-path:polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
}

/* ── sticker (yapışkan — hafif eğik) ─────────────────── */
.sp-pc-badge-sticker{
  background:var(--pc-badge-bg)!important;
  color:var(--pc-badge-fg)!important;
  padding:7px 16px!important;
  border-radius:4px!important;
  transform:rotate(-2.5deg);
  box-shadow:0 4px 14px color-mix(in srgb, var(--pc-badge-bg) 35%, transparent), 0 1px 0 rgba(0,0,0,.15);
  border:2px dashed rgba(255,255,255,.4);
}

/* ── leaf (yaprak — alttan dalgalı) ──────────────────── */
.sp-pc-badge-leaf{
  background:var(--pc-badge-bg)!important;
  color:var(--pc-badge-fg)!important;
  padding:7px 18px 11px!important;
  border-radius:0 22px 0 22px!important;
  position:relative;
}
.sp-pc-badge-leaf::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-2px;
  height:6px;
  background:radial-gradient(circle at 4px 0, transparent 4px, var(--pc-badge-bg) 4.5px);
  background-size:8px 6px;
  background-repeat:repeat-x;
  pointer-events:none;
}

/* EkoMart varyantı uygulanan kartlarda da çalışsın diye override */
.sp-pc-ekomart .sp-pc-badge.sp-pc-badge-arrow,
.sp-pc-ekomart .sp-pc-badge.sp-pc-badge-pill,
.sp-pc-ekomart .sp-pc-badge.sp-pc-badge-ribbon,
.sp-pc-ekomart .sp-pc-badge.sp-pc-badge-tag,
.sp-pc-ekomart .sp-pc-badge.sp-pc-badge-notch,
.sp-pc-ekomart .sp-pc-badge.sp-pc-badge-sticker,
.sp-pc-ekomart .sp-pc-badge.sp-pc-badge-leaf{
  border-radius:initial!important;
  padding-block:8px!important;
  font-size:13px!important;
  font-weight:700!important;
}
.sp-pc-ekomart .sp-pc-badge-arrow{
  padding:9px 26px 9px 16px!important;
  border-radius:4px 0 0 4px!important;
  clip-path:polygon(
    0 0,
    calc(100% - 14px) 0,
    100% 50%,
    calc(100% - 14px) 100%,
    0 100%
  )!important;
}
.sp-pc-ekomart .sp-pc-badge-pill{padding:7px 18px!important; border-radius:999px!important;}
.sp-pc-ekomart .sp-pc-badge-flat{padding:7px 16px!important; border-radius:6px!important;}

/* Dark mode */
[data-theme="dark"] .sp-pc-badge-sticker{
  border-color:rgba(255,255,255,.25);
}

/* ═══════════════════════════════════════════════════════════════════
   v6.5: İlan detay "Satıcıya Mesaj Gönder" butonu — Dönen border efekti
   admin'den toggleable (data-listing-msg-rotborder body attribute)
   ═══════════════════════════════════════════════════════════════════ */
body[data-listing-msg-rotborder="1"] .sp-cbtn--message,
body[data-listing-msg-rotborder="1"] .ld-contact-btn[data-type="message"]{
  position:relative;
  z-index:1;
  isolation:isolate;
}
body[data-listing-msg-rotborder="1"] .sp-cbtn--message::before,
body[data-listing-msg-rotborder="1"] .ld-contact-btn[data-type="message"]::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:inherit;
  z-index:-1;
  background:conic-gradient(from 0deg, transparent 0deg, var(--p) 80deg, var(--pd, var(--p)) 160deg, transparent 260deg, transparent 360deg);
  animation:spMsgBtnRot 3.5s linear infinite;
  opacity:.95;
  filter:blur(.4px);
}
body[data-listing-msg-rotborder="1"] .sp-cbtn--message::after,
body[data-listing-msg-rotborder="1"] .ld-contact-btn[data-type="message"]::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:inherit;
  z-index:-1;
}
@keyframes spMsgBtnRot{to{transform:rotate(360deg)}}

/* Reduced motion respect */
@media (prefers-reduced-motion: reduce){
  body[data-listing-msg-rotborder="1"] .sp-cbtn--message::before,
  body[data-listing-msg-rotborder="1"] .ld-contact-btn[data-type="message"]::before{animation:none;opacity:.5}
}