/* =========================================
   1. GENEL AYARLAR VE KOPYALAMA KORUMASI
========================================= */
body {
    /* Metin seçimini engelle */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Varsayılan fare imlecini gizle (Özel imleç kullanacağız) */
    cursor: none !important; 
}

/* Sadece form elemanlarında metin seçimine izin ver ki müşteri form doldurabilsin */
input, textarea, select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: none !important;
}

/* Resimlerin sürüklenip masaüstüne alınmasını engelle */
img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: auto;
}

/* Tüm tıklanabilir öğelerde varsayılan imleci gizle */
a, button, select, .cursor-pointer {
    cursor: none !important;
}

/* =========================================
   2. MODERN CUSTOM SCROLLBAR
========================================= */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f8fafc; 
}
::-webkit-scrollbar-thumb {
    background: #2563eb; /* Marka mavisi */
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #1e3a8a; /* Koyu mavi */
}

/* =========================================
   3. MODERN CUSTOM CURSOR (Özel İmleç)
========================================= */
.cursor-dot,
.cursor-outline {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 999999;
    pointer-events: none; /* İmlecin altındaki elementlere tıklanabilmesi için */
}

.cursor-dot {
    width: 8px;
    height: 8px;
    background-color: #2563eb;
}

.cursor-outline {
    width: 40px;
    height: 40px;
    border: 2px solid rgba(37, 99, 235, 0.5);
    transition: width 0.2s ease-out, height 0.2s ease-out, background-color 0.2s ease-out;
}

/* Link veya butona gelince imlecin büyümesi */
.cursor-hover .cursor-outline {
    width: 60px;
    height: 60px;
    background-color: rgba(37, 99, 235, 0.1);
    border-color: transparent;
}

/* =========================================
   4. MARQUEE SONSUZ DÖNGÜ (BOSLUKSUZ)
========================================= */
.marquee-wrapper {
    display: flex;
    width: fit-content;
    animation: marquee 25s linear infinite;
}
.marquee-wrapper:hover {
    animation-play-state: paused;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Tam yarısına geldiğinde sıfırlanıp başa sarar, boşluk olmaz */
}

/* Navbar Cam Efekti */
.nav-scrolled > div {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.1) !important;
    border-color: rgba(0,0,0,0.05) !important;
}
.nav-scrolled a, .nav-scrolled i { color: #0f172a !important; }
.nav-scrolled .bg-brand-accent { color: #0f172a !important; }

/* Lightbox Sınıfları */
#lightbox.show { display: flex !important; opacity: 1 !important; }
#lightbox-img.show { transform: scale(1) !important; }