/*
Theme Name: Serif Yenen Modern
Theme URI: https://serifyenen.com.tr
Author: Erdoğan Aktaş (Dijital Pazarlama ve Medya Uzmanı)
Version: 2.3
License: Private
*/

/* --- 1. ÖZEL SCROLLBAR (TURUNCU) --- */
::-webkit-scrollbar { width: 10px !important; }
::-webkit-scrollbar-track { background: #f1f1f1 !important; }
::-webkit-scrollbar-thumb { background: #ea580c !important; border-radius: 5px !important; }
::-webkit-scrollbar-thumb:hover { background: #c2410c !important; }

/* --- 2. TEMEL SIFIRLAMA --- */
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; background-color: #f8fafc; color: #1e293b; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { text-decoration: none !important; transition: all 0.2s; }

/* --- 3. GARANTİ RENK VE BUTON TANIMLARI (Tailwind Yedeği) --- */
.bg-brand-600 { background-color: #ea580c !important; }
.bg-brand-500 { background-color: #f97316 !important; }
.text-brand-600 { color: #ea580c !important; }
.text-brand-500 { color: #f97316 !important; }
.border-brand-500 { border-color: #f97316 !important; }
.bg-slate-900 { background-color: #0f172a !important; }

/* Butonlar için Ekstra Güvenlik */
.btn-primary { background-color: #ea580c !important; color: white !important; border-radius: 8px !important; padding: 12px 24px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center; justify-content: center; }
.btn-primary:hover { background-color: #c2410c !important; transform: translateY(-1px); }

/* --- 4. NAVİGASYON VE SCROLL LINE --- */
#scroll-line { position: fixed; top: 0; left: 0; height: 4px; background: #f97316; z-index: 10000; width: 0%; transition: width 0.1s ease; }
#navbar { transition: all 0.3s ease; }
.dropdown:hover .dropdown-menu { display: block !important; animation: fadeIn 0.2s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* --- 5. SOSYAL SIDEBAR İKONLARI --- */
.social-sidebar-item { width: 40px; height: 40px; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; color: white !important; transition: transform 0.3s ease; }
.social-sidebar-item:hover { transform: translateX(5px); }
.social-sidebar-item i { font-size: 18px !important; }

/* --- 6. AI BOT & ANIMASYONLAR --- */
.play-button-pulse { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); animation: pulse-red 2s infinite; }
@keyframes pulse-red { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); } }

.typing-dot { animation: typing 1.4s infinite ease-in-out both; width: 8px; height: 8px; background: #94a3b8; border-radius: 50%; display: inline-block; }
.typing-dot:nth-child(1) { animation-delay: -0.32s; }
.typing-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes typing { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }

/* --- 7. FORM ELEMANLARI (Kompakt) --- */
.tour-contact-form input, .tour-contact-form textarea, .wpcf7-form-control {
    width: 100% !important; padding: 10px 12px !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; font-size: 14px !important; margin-bottom: 8px !important; background: #fff !important;
}