/* Vitrin & öne çıkan ilan kartı renkleri ve hafif hareket efektleri */

.pc-badge-overlay.is-vitrin {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--sc-vitrin-color, var(--te-btn-login, var(--accent, #8b5cf6))) 82%, transparent) 0%,
    color-mix(in srgb, var(--sc-vitrin-color, var(--te-btn-login, var(--accent, #8b5cf6))) 42%, transparent) 52%,
    transparent 100%);
}

.pc-badge-overlay.is-featured,
.pc-badge-overlay.is-coksatan {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--sc-featured-color, var(--te-acc-btn-primary, var(--orange, #f59e0b))) 80%, transparent) 0%,
    color-mix(in srgb, var(--sc-featured-color, var(--te-acc-btn-primary, var(--orange, #f59e0b))) 38%, transparent) 52%,
    transparent 100%);
}

.premium-card.has-highlight.is-vitrin {
  border-color: color-mix(in srgb, var(--sc-vitrin-color, var(--accent, #8b5cf6)) 32%, transparent);
}

.premium-card.has-highlight.is-featured,
.premium-card.has-highlight.is-coksatan {
  border-color: color-mix(in srgb, var(--sc-featured-color, var(--orange, #f59e0b)) 30%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-vitrin,
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-featured,
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-coksatan {
    animation: sc-card-float var(--sc-fx-duration, 3.5s) ease-in-out infinite;
    will-change: transform, box-shadow;
  }

  html[data-showcase-fx="1"] .premium-card.has-highlight.is-vitrin {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--sc-vitrin-color, #8b5cf6) 0%, transparent);
    animation: sc-card-float var(--sc-fx-duration, 3.5s) ease-in-out infinite,
      sc-vitrin-glow var(--sc-fx-duration, 3.5s) ease-in-out infinite;
  }

  html[data-showcase-fx="1"] .premium-card.has-highlight.is-featured,
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-coksatan {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--sc-featured-color, #f59e0b) 0%, transparent);
    animation: sc-card-float var(--sc-fx-duration, 3.5s) ease-in-out infinite,
      sc-featured-glow var(--sc-fx-duration, 3.5s) ease-in-out infinite;
  }

  html[data-showcase-fx="1"] .premium-card.has-highlight.is-vitrin:hover,
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-featured:hover,
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-coksatan:hover {
    animation-play-state: paused;
  }

  html[data-showcase-fx="1"] .pc-badge-overlay.is-vitrin {
    animation: sc-badge-shimmer var(--sc-fx-duration, 3.5s) ease-in-out infinite;
  }

  html[data-showcase-fx="1"] .pc-badge-overlay.is-featured {
    animation: sc-badge-shimmer var(--sc-fx-duration, 3.5s) ease-in-out infinite;
  }
}

@keyframes sc-card-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(calc(-1 * var(--sc-fx-lift, 4px))); }
}

@keyframes sc-vitrin-glow {
  0%, 100% {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
    border-color: color-mix(in srgb, var(--sc-vitrin-color, #8b5cf6) calc(22% + var(--sc-fx-glow, 30%)), transparent);
  }
  50% {
    box-shadow: 0 8px calc(18px + var(--sc-fx-intensity, 0.5) * 16px) color-mix(in srgb, var(--sc-vitrin-color, #8b5cf6) calc(18% + var(--sc-fx-glow, 30%)), transparent);
    border-color: color-mix(in srgb, var(--sc-vitrin-color, #8b5cf6) calc(34% + var(--sc-fx-glow, 30%)), transparent);
  }
}

@keyframes sc-featured-glow {
  0%, 100% {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
    border-color: color-mix(in srgb, var(--sc-featured-color, #f59e0b) calc(20% + var(--sc-fx-glow, 30%)), transparent);
  }
  50% {
    box-shadow: 0 8px calc(18px + var(--sc-fx-intensity, 0.5) * 16px) color-mix(in srgb, var(--sc-featured-color, #f59e0b) calc(16% + var(--sc-fx-glow, 30%)), transparent);
    border-color: color-mix(in srgb, var(--sc-featured-color, #f59e0b) calc(32% + var(--sc-fx-glow, 30%)), transparent);
  }
}

@keyframes sc-badge-shimmer {
  0%, 100% { filter: brightness(1); opacity: 1; }
  50% { filter: brightness(1.08); opacity: 0.96; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-vitrin,
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-featured,
  html[data-showcase-fx="1"] .premium-card.has-highlight.is-coksatan,
  html[data-showcase-fx="1"] .pc-badge-overlay.is-vitrin,
  html[data-showcase-fx="1"] .pc-badge-overlay.is-featured {
    animation: none !important;
  }
}