/* ÜNİBilişim — Tailwind CDN'i tamamlayan bileşen stilleri */

/* Koyu zeminlerde ince teknoloji grid dokusu */
.bg-grid {
  background-image:
    linear-gradient(to right, rgba(148, 163, 184, 0.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, 0.07) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* İçerik tipografisi (blog/KB/çözüm gövdeleri) */
.prose-uni { line-height: 1.75; }
.prose-uni p { margin: 0.9em 0; }
.prose-uni h2 { font-family: Sora, Inter, sans-serif; font-size: 1.35rem; font-weight: 700; margin: 1.6em 0 0.6em; letter-spacing: -0.01em; }
.prose-uni h3 { font-size: 1.1rem; font-weight: 600; margin: 1.3em 0 0.5em; }
.prose-uni ul, .prose-uni ol { margin: 0.9em 0; padding-left: 1.4em; }
.prose-uni ul { list-style: disc; }
.prose-uni ol { list-style: decimal; }
.prose-uni li { margin: 0.35em 0; }
.prose-uni a { color: #1a3fd8; text-decoration: underline; text-underline-offset: 2px; }
.prose-uni a:hover { color: #1c36af; }
.prose-uni strong { font-weight: 600; color: #0f172a; }
.prose-uni blockquote { border-left: 3px solid #bfd3fe; padding-left: 1em; color: #475569; margin: 1.2em 0; }
.prose-uni code { background: #f1f5f9; border-radius: 4px; padding: 0.15em 0.4em; font-size: 0.9em; }
.prose-uni img { border-radius: 12px; max-width: 100%; height: auto; }
.prose-uni table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 0.95em; }
.prose-uni th, .prose-uni td { border: 1px solid #e2e8f0; padding: 0.5em 0.8em; text-align: left; }
.prose-uni th { background: #f8fafc; font-weight: 600; }

/* Mega menü açık durumu (JS data-open ekler) */
[data-mega].is-open [data-mega-panel] { visibility: visible; opacity: 1; transform: translateX(-50%) translateY(0); }
[data-mega] [data-mega-panel] { transform: translateX(-50%) translateY(6px); }
[data-mega].is-open [data-mega-btn] svg { transform: rotate(180deg); }

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* Çok satır kısaltma (line-clamp) */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Odak görünürlüğü (erişilebilirlik) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 2px solid #2050eb;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Chatbot mesaj balonları */
.chat-msg { max-width: 85%; border-radius: 14px; padding: 0.55rem 0.8rem; white-space: pre-wrap; word-break: break-word; }
.chat-msg--user { margin-left: auto; background: #1a3fd8; color: #fff; border-bottom-right-radius: 4px; }
.chat-msg--bot { margin-right: auto; background: #f1f5f9; color: #0f172a; border-bottom-left-radius: 4px; }
.chat-msg--bot a { color: #1a3fd8; text-decoration: underline; }

/* Yükleniyor animasyonu (chatbot) */
.chat-typing span { display: inline-block; width: 6px; height: 6px; margin-right: 3px; border-radius: 50%; background: #94a3b8; animation: chat-blink 1.2s infinite both; }
.chat-typing span:nth-child(2) { animation-delay: 0.2s; }
.chat-typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes chat-blink { 0%, 80%, 100% { opacity: 0.25; } 40% { opacity: 1; } }

/* Multi-step form adım geçişleri */
[data-step] { display: none; }
[data-step].is-active { display: block; }