/* Skorled custom overrides — rounded buttons, animations, Turkish character preservation */

/* ---------- Buttons: chamfered / slightly rounded ---------- */
a[class*="bg-led"],
button[class*="bg-led"],
a[class*="border-led"],
button[class*="border-led"],
button[type="submit"],
input[type="submit"],
.whatsapp-btn {
  border-radius: 4px !important;
}

/* WhatsApp floating action button: circular, brand green */
.whatsapp-float {
  border-radius: 9999px !important;
}

/* ---------- Disable CSS uppercase so Turkish İ, Ş, Ğ, Ü, Ç keep dots/cedillas ---------- */
.uppercase {
  text-transform: none !important;
}

/* ---------- Reveal / fade-up animations ---------- */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-24px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse-soft {
  0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 36, 0.35); }
  50% { box-shadow: 0 0 0 8px rgba(239, 68, 36, 0); }
}

.reveal {
  animation: fadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.reveal-up {
  animation: fadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }

.reveal-delay-1 { animation-delay: 0.1s; }
.reveal-delay-2 { animation-delay: 0.2s; }
.reveal-delay-3 { animation-delay: 0.3s; }

.fade-in {
  animation: fadeIn 0.6s ease-out both;
}

.slide-in-left {
  animation: slideInLeft 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Hover lift for cards and buttons */
.card-tech,
.mega a,
footer a,
.nav-trigger {
  transition: transform 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.card-tech:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-elevated, 0 22px 50px -26px rgba(0, 0, 0, 0.35));
}

a[class*="bg-led"]:hover,
button[class*="bg-led"]:hover {
  animation: pulse-soft 1.5s infinite;
}

/* Stagger children animation helper */
.stagger > * {
  opacity: 0;
  animation: fadeUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.stagger > *:nth-child(1) { animation-delay: 0.05s; }
.stagger > *:nth-child(2) { animation-delay: 0.1s; }
.stagger > *:nth-child(3) { animation-delay: 0.15s; }
.stagger > *:nth-child(4) { animation-delay: 0.2s; }
.stagger > *:nth-child(5) { animation-delay: 0.25s; }
.stagger > *:nth-child(6) { animation-delay: 0.3s; }
.stagger > *:nth-child(7) { animation-delay: 0.35s; }
.stagger > *:nth-child(8) { animation-delay: 0.4s; }

/* --- Canli kategori kartlari --- */
@keyframes cat-shine {
  0% { transform: translateX(-120%) skewX(-18deg); opacity: 0; }
  15% { opacity: 1; }
  85% { opacity: 1; }
  100% { transform: translateX(220%) skewX(-18deg); opacity: 0; }
}
@keyframes led-blink {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(239, 68, 36, 0.55); }
  50% { opacity: .55; box-shadow: 0 0 0 6px rgba(239, 68, 36, 0); }
}
@keyframes cat-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

.cat-live { position: relative; }
.cat-live::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: var(--gradient-led, linear-gradient(90deg, #ef4424, #ff8a3d));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s cubic-bezier(.16,1,.3,1);
  z-index: 3;
}
.cat-live:hover::after { transform: scaleX(1); }

.cat-live .cat-shine {
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 35%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}
.cat-live .cat-shine { display: none; }

.cat-live .cat-dot {
  display: inline-block;
  width: 7px; height: 7px;
  border-radius: 9999px;
  background: var(--led, #ef4424);
  margin-right: 7px;
  vertical-align: 0.5px;
  animation: led-blink 1.6s ease-in-out infinite;
}


.cat-live:hover img { filter: saturate(1.12) contrast(1.04); }

@media (prefers-reduced-motion: reduce) {
  .cat-live:hover, .cat-live .cat-dot, .cat-live:hover .cat-shine { animation: none; }
}