/* Tipografi ve Pürüzsüzleştirme */
        body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
            color: #333;
        }

        /* Menü Katman Düzeltmesi (Lightbox ile çakışmayı önler) */
        .uk-sticky-fixed,
        .uk-navbar-container {
            z-index: 1000 !important;
        }

        /* Responsive H1 Ayarları */
        .hero-title {
            font-size: clamp(24px, 4vw, 48px);
            line-height: 1.25;
            overflow-wrap: break-word;
        }

        /* Renk Paleti */
        .brand-primary { background-color: #03214a !important; }
        .brand-text-primary { color: #03214a !important; }
        
        .uk-button-accent {
            background-color: #f05a28;
            color: #fff !important;
            border: none;
        }
        .uk-button-accent:hover {
            background-color: #d94a1b;
            color: #fff !important;
        }

        .hero-overlay {
            background: linear-gradient(135deg, rgba(3, 33, 74, 0.85) 0%, rgba(3, 33, 74, 0.6) 100%);
        }

        /* GALERİ ÖZEL STİLLERİ */
        #galeri {
            position: relative;
            z-index: 1;
        }
        
        .galeri-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            opacity: 1 !important;
            filter: none !important;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .galeri-link:hover .galeri-img {
            transform: scale(1.03);
        }  
        .custom-form-input {
            background-color: #f8f9fa !important;
            border: 1px solid #dcdcdc !important;
            color: #333333 !important;
        }
        .custom-form-input:focus {
            background-color: #ffffff !important;
            border-color: #03214a !important;
        }
		  .footer-links a {
            color: #94a3b8 !important;
            text-decoration: none;
            transition: color 0.2s ease-in-out, padding-left 0.2s ease-in-out;
            display: inline-block;
        }
        .footer-links a:hover {
            color: #f05a28 !important;
            padding-left: 4px;
        }
        .footer-contact-list li {
            color: #94a3b8;
            margin-bottom: 10px;
        }
        .custom-social-icon {
            background-color: rgba(255, 255, 255, 0.08) !important;
            color: #ffffff !important;
            transition: background-color 0.2s, transform 0.2s;
        }
        .custom-social-icon:hover {
            background-color: #f05a28 !important;
            color: #ffffff !important;
            transform: translateY(-3px);
        }
		.custom-navbar-wrapper {
            position: sticky;
            top: 0;
            z-index: 1000;
            width: 100%;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .custom-navbar {
            background-color: #03214a !important;
            transition: all 0.3s ease-in-out;
            padding: 8px 0;
        }

        /* Nav Bağlantı Efektleri */
        .custom-nav-links > li > a {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.5px;
            transition: color 0.2s, transform 0.2s;
            position: relative;
        }

        .custom-nav-links > li > a::after {
            content: '';
            position: absolute;
            bottom: 12px;
            left: 15px;
            right: 15px;
            height: 2px;
            background-color: #f05a28;
            transform: scaleX(0);
            transition: transform 0.3s ease;
        }

        .custom-nav-links > li:hover > a::after,
        .custom-nav-links > li.uk-active > a::after {
            transform: scaleX(1);
        }

        .custom-logo {
            font-size: 18px;
            transition: font-size 0.3s ease;
        }

        /* SCROLL EDİLDİĞİNDE OTOMATİK EKLENEN KÜÇÜLME VE FIX STİLİ */
        .custom-navbar-wrapper.is-scrolled {
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .custom-navbar-wrapper.is-scrolled .custom-navbar {
            background-color: rgba(1, 15, 34, 0.95) !important;
            backdrop-filter: blur(10px);
            padding: 2px 0;
        }

        .custom-navbar-wrapper.is-scrolled .custom-logo {
            font-size: 16px;
        }

        .header-cta-btn {
            transition: transform 0.2s, background-color 0.2s;
        }
        .header-cta-btn:hover {
            transform: translateY(-2px);
        }
		.page-loader-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #021632;
            z-index: 99999;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: opacity 0.5s ease, visibility 0.5s ease;
        }

        .loader-content {
            text-align: center;
            color: #ffffff;
        }

        /* Dönen Spinner Halkası */
        .spinner {
            width: 50px;
            height: 50px;
            border: 4px solid rgba(255, 255, 255, 0.1);
            border-top: 4px solid #f05a28;
            border-radius: 50%;
            margin: 0 auto 15px auto;
            animation: spin 0.9s linear infinite;
        }

        .loader-brand {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 2px;
            color: #ffffff;
            margin-bottom: 4px;
        }

        .loader-sub {
            font-size: 12px;
            color: #94a3b8;
            letter-spacing: 1px;
        }

        /* Spinner Animasyonu */
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Yükleme bittiğinde tetiklenen gizleme sınıfı */
        .page-loader-wrapper.loader-hidden {
            opacity: 0;
            visibility: hidden;
        }
		/* İnput ve Textarea içindeki kullanıcı yazısı rengi */
.custom-form-input {
    color: #333333 !important;
    background-color: #f8f9fa !important; /* Arka planı hafif belirginleştirmek isterseniz */
}

/* Placeholder (İpucu) Yazı Rengi Düzeltmesi */
.custom-form-input::placeholder {
    color: #666666 !important; /* Okunabilir gri tonu */
    opacity: 1 !important; /* Firefox için opaklığı fulleme */
}

/* Internet Explorer ve Edge desteği için (ihtiyaç olursa) */
.custom-form-input::-ms-input-placeholder {
    color: #666666 !important;
}