:root { /* Logo Moru (Primary) */ --bs-primary: #5d2a66; --bs-primary-rgb: 93, 42, 102; /* Antrasit / Koyu Gri (Secondary) */ --bs-secondary: #2c3e50; --bs-secondary-rgb: 44, 62, 80; /* Hafif Arka Plan Tonu */ --bs-light: #f4f1f5; }

/* --- GENEL / RENK TANIMLAMALARI --- */
.text-primary { color: var(--bs-primary) !important; }

.bg-primary { background-color: #5d2a66 !important; }

.btn-primary { background-color: #5d2a66 !important; border-color: #5d2a66 !important; color: #ffffff !important; }

    .btn-primary:hover { background-color: #4a2152 !important; /* Biraz daha koyu mor */ border-color: #4a2152 !important; }

.border-primary { border-color: dimgray !important; }

a { color: #5d2a66; transition: color 0.2s ease; }

    a:hover { color: #000000; }

/* --- SERVİS VE ÖZELLİK KARTLARI --- */
.service-card { transition: all 0.3s ease; }

    .service-card:hover { transform: translateY(-8px); box-shadow: 0 10px 25px rgba(93, 42, 102, 0.15); /* Mor gölge */ border-bottom: 3px solid var(--bs-primary) !important; /* Alt çizgi ekler */ }

.feature-link { transition: all 0.2s ease; color: inherit; /* Yazı rengini kartın genel renginden alır */ display: flex; align-items: center; }

/* İkonun normal hali */
.feature-icon { color: #6c757d; /* Varsayılan gri tonu */ transition: all 0.2s ease; }

/* Linkin üzerine gelince hem yazı hem ikon mor olsun */
.feature-link:hover { color: var(--bs-primary) !important; padding-left: 8px; text-decoration: none; }

    .feature-link:hover .feature-icon { color: var(--bs-primary) !important; transform: scale(1.2); /* İkonu hafif büyütür */ }

/* --- HERO SLIDER (SABİT OLMAYAN VE KÜÇÜLMEYEN YAPI) --- */
#heroWrapper { height: 50vh; background: #1a1a1a; position: relative; z-index: 5; }

.hero-slider { position: relative; /* Sayfa akışına dahil edildi */ top: 0; left: 0; width: 100%; height: 50vh; background: #2a0631; z-index: 5; overflow: hidden; border-bottom: 1px solid #333; transition: background 0.3s ease; }

/* Sayfa İçeriği: Üst boşluklar tamamen sıfırlandı */
#mainContent { position: relative; z-index: 10; margin-top: 0 !important; background: white; }

/* --- İÇERİK ELEMANLARI --- */
.slider-content h2 { font-size: calc(1.5rem + 1.5vw); }

.slider-content p { opacity: 0.8; }

/* --- SVG HİZALAMA (SAĞA YASLA) --- */
.svg-container { display: flex; justify-content: flex-end; /* İçeriği sağa iter */ align-items: center; }

.hero-svg { width: auto; height: 250px; max-width: 100%; margin-left: auto; /* Sağa yaslama garantisi */ stroke: white; fill: none; stroke-width: 1.5; }

/* --- NAVBAR TASARIMI --- */
.navbar-custom { background-color: #4a2152 !important; padding: 15px 0; transition: all 0.3s ease; }

.navbar-brand { letter-spacing: 2px; color: #fff !important; }

.brand-accent { color: var(--bs-light) !important; font-weight: 300; }

.dropdown-toggle::after { display: none; }

/* --- STANDART DROPDOWN GÖRÜNÜMÜ --- */
.navbar-nav .dropdown-menu { background-color: #4a2152 !important; /* Navbar arka planıyla uyumlu koyu mor */ border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 4px; padding: 0.5rem 0; }

.navbar-nav .dropdown-item { color: rgba(255, 255, 255, 0.85) !important; font-size: 0.85rem; padding: 0.5rem 1.5rem; text-transform: none; transition: all 0.2s ease; }

    .navbar-nav .dropdown-item:hover { background-color: var(--bs-primary) !important; color: #ffffff !important; }

/* Masaüstünde hover ile açılır menü tetikleme */
@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu { display: block; }
}

/* --- FOOTER ALANI --- */
footer.bg-dark { background: linear-gradient(135deg, #4a2152 0%, #1a0621 100%) !important; }

footer a.text-secondary { color: #a0aab4 !important; transition: all 0.3s ease; }

    footer a.text-secondary:hover { color: #fff !important; padding-left: 5px; /* Hafif sağa kayma efekti */ }

.social-links a.btn-outline-secondary { border-color: rgba(255,255,255,0.1); }

    .social-links a.btn-outline-secondary:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); transform: translateY(-3px); }

footer .border-secondary { border-color: rgba(255,255,255,0.05) !important; }

/* --- ÇEREZ POLİTİKASI (COOKIE BANNER) --- */
.cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background: #2a0631; color: #fff; padding: 15px 0; z-index: 9999; font-family: 'Inter', sans-serif; border-top: 1px solid #333; }

.cookie-container { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; }

.cookie-text { font-size: 13px; color: #ccc; }

    .cookie-text a { color: #fff; text-decoration: underline; margin-left: 10px; }

.btn-accept { background: #fff; color: #000; border: none; padding: 8px 20px; font-size: 12px; font-weight: bold; cursor: pointer; transition: background 0.3s; }

    .btn-accept:hover { background: #ddd; }

/* --- AUTOCOMPLETE VE ARAMA KUTUSU --- */
.ui-autocomplete { z-index: 9999 !important; border: 1px solid #ccc !important; max-height: 300px; overflow-y: auto; padding: 5px 0; }

.ui-menu-item { padding: 2px 5px; cursor: pointer; list-style: none; }

.ui-state-active { background-color: #f1f3f4 !important; color: #1a0dab !important; border: none !important; }

.search-container { max-width: 500px; display: flex; border: 1px solid #ccc; border-radius: 20px; padding: 5px 15px; }

.search-input { flex: 1; border: none; outline: none; }

.search-button { background: none; border: none; color: #842dad; font-weight: bold; cursor: pointer; }

.search-info { max-width: 500px; text-align: center; }

/* --- MOBİL UYUMLULUK (MEDIA QUERIES) --- */
@media (max-width: 768px) {
    #heroWrapper, .hero-slider { height: 35vh; }

    .svg-container { justify-content: center; }

    .cookie-container { flex-direction: column; text-align: center; gap: 15px; }
}