/* =====================================================================
   PLUS DATACENTER — SaaS Entegrasyon Stilleri (Antler / WHMCS)
   Public siteden (header.html, footer.html, index.html) derlenmistir.
   Bootstrap 3 (Antler) ile uyum icin alt kisimda "utility shim" vardir.
   ===================================================================== */

/* ===================== 1) HEADER / TOPBAR / MEGA MENU ===================== */
        /* --- 1. SAAS ÜST BAR (INFONEWS) --- */
        .saas-topbar { background: #0f172a !important; padding: 12px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.05); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        .saas-topbar .badge { background: #0ea5e9 !important; color: #ffffff !important; border: none; padding: 5px 12px; font-weight: 800; letter-spacing: 0.5px; border-radius: 4px; margin-right: 12px; font-size: 11px; }
        .saas-topbar span { color: #e2e8f0 !important; font-size: 13px; font-weight: 500; }
        .saas-topbar a.golink { color: #38bdf8 !important; font-weight: 800; text-decoration: none; margin-left: 8px; transition: all 0.3s ease; }
        .saas-topbar a.golink:hover { color: #ffffff !important; }
        
        .saas-topbar-nav { display: flex; justify-content: flex-end; gap: 25px; align-items: center; margin: 0; padding: 0; list-style: none; }
        .saas-topbar-nav a { color: #cbd5e1 !important; font-size: 13px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; }
        .saas-topbar-nav a:hover { color: #ffffff !important; transform: translateY(-1px); }
        .saas-topbar-nav a i { color: #0ea5e9; font-size: 16px; }

        /* --- 2. SAAS HEADER İSKELETİ --- */
        .saas-header { background: #ffffff; box-shadow: 0 10px 30px rgba(0,0,0,0.03); padding: 15px 0; position: sticky; top: 0; z-index: 1000; }
        .saas-header-inner { display: flex; align-items: center; justify-content: space-between; position: relative; }
        /* --- 3. SAAS MENÜ LİNKLERİ VE YAPI --- */
        .saas-desktop-nav { flex-grow: 1; display: flex; justify-content: center; }
        .saas-nav-menu { display: flex; align-items: center; gap: 10px; list-style: none; margin: 0; padding: 0; }
        .saas-nav-item { position: relative; }
        .saas-nav-link { color: #1e293b; font-weight: 700; font-size: 14px; padding: 12px 14px; text-decoration: none; display: flex; align-items: center; gap: 6px; border-radius: 8px; transition: all 0.2s ease; }
        .saas-nav-link i { font-size: 11px; color: #94a3b8; transition: transform 0.3s ease; }
        .saas-nav-item:hover .saas-nav-link { color: #0ea5e9; background: rgba(14, 165, 233, 0.05); }
        .saas-nav-item:hover .saas-nav-link i { transform: rotate(180deg); color: #0ea5e9; }

        /* --- 4. SAAS MEGA MENÜ (AÇILIR KUTULAR) --- */
        .saas-mega-menu { position: absolute; top: 100%; background: #ffffff; border-radius: 16px; box-shadow: 0 20px 40px rgba(0,0,0,0.08); border: 1px solid #f1f5f9; border-top: 3px solid #0ea5e9; padding: 25px; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.3s ease; z-index: 100; margin-top: 20px; }
        .saas-nav-item:hover .saas-mega-menu { opacity: 1; visibility: visible; pointer-events: auto; margin-top: 10px; }
        
        /* Özel Genişlikler ve Hizalamalar */
        .mega-domain { width: 350px; left: 0; }
        .mega-hosting { width: 950px; left: 50%; transform: translateX(-50%); } 
        .mega-reseller { width: 950px; left: 50%; transform: translateX(-50%); } 
        .mega-sunucu { width: 950px; left: 50%; transform: translateX(-50%); }  
        .mega-hizmetler { width: 350px; left: 50%; transform: translateX(-50%); } 
        .mega-kurumsal { width: 650px; right: 0; }

        /* Mega Menü İçerik (Grid) */
        .saas-mega-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
        .single-col-grid { grid-template-columns: 1fr; }
        
        .saas-mega-link { display: flex; align-items: flex-start; gap: 15px; padding: 15px; border-radius: 12px; text-decoration: none !important; transition: background 0.2s ease; border: 1px solid transparent; width: 100%; }
        .saas-mega-link:hover { background: #f8f9fc; border-color: #f1f5f9; }
        .saas-mega-link .icon { width: 45px; height: 45px; min-width: 45px; background: rgba(14, 165, 233, 0.1); color: #0ea5e9; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; transition: all 0.3s ease; }
        .saas-mega-link:hover .icon { background: #0ea5e9; color: #fff; }
        
        /* BAŞLIK TEK SATIR (No Wrap) */
        .saas-mega-link .text h5 { font-size: 15px; font-weight: 800; color: #1e293b; margin: 0 0 5px 0; display: flex; align-items: center; white-space: nowrap; } 
        .saas-mega-link .text p { font-size: 13px; color: #64748b; margin: 0; line-height: 1.4; }
        
        /* Rozetler */
        .saas-mega-link .text h5 .badge-discount { font-size: 10px; font-weight: 800; padding: 4px 8px; border-radius: 12px; margin-left: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
        
        /* Promosyon Alanı (Sağ Blok) */
        .saas-mega-promo { background: #f8f9fc; border: 1px dashed #cbd5e1; border-radius: 12px; padding: 25px 30px; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; }
        .saas-mega-promo span { font-size: 14px; color: #475569; display: block; margin-bottom: 15px; line-height: 1.6; }
        .saas-mega-promo strong { font-size: 18px; color: #0ea5e9; font-weight: 800; }

        /* --- 5. SAAS MÜŞTERİ PANELİ BUTONU (KÜÇÜLTÜLDÜ VE ŞIKLAŞTIRILDI) --- */
        .saas-btn-client { 
            background: #ffc107; 
            color: #000 !important; 
            font-weight: 700; 
            padding: 8px 18px; /* Padding daraltıldı */
            border-radius: 6px; /* Kavisler daha ciddi hale getirildi */
            text-decoration: none; 
            display: flex; 
            align-items: center; 
            gap: 6px; /* Yazı ve ikon arası mesafe azaltıldı */
            font-size: 13px; /* Yazı boyutu küçültüldü */
            box-shadow: 0 4px 10px rgba(255, 193, 7, 0.3); 
            transition: all 0.3s ease; 
            text-transform: uppercase; 
            letter-spacing: 0.5px; /* Okunabilirlik için hafif boşluk eklendi */
            border: none; 
        }
        .saas-btn-client i { font-size: 13px; opacity: 0.9; } /* İkon daha kibar yapıldı */
        .saas-btn-client:hover { background: #0ea5e9; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(14, 165, 233, 0.3); }

        /* --- 6. SAAS MOBİL MENÜ --- */
        .saas-mobile-menu { position: fixed; top: 0; left: -100%; width: 85%; max-width: 350px; height: 100vh; background: #fff; z-index: 2000; box-shadow: 10px 0 30px rgba(0,0,0,0.1); transition: left 0.3s ease; overflow-y: auto; padding: 25px 20px; visibility: hidden; }
        .saas-mobile-menu.open { left: 0; visibility: visible; }
        .saas-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(15, 23, 42, 0.6); z-index: 1999; display: none; backdrop-filter: blur(3px); }
        .saas-mobile-overlay.open { display: block; }
        
        .s-m-item { border-bottom: 1px solid #f1f5f9; }
        .s-m-link { display: flex; justify-content: space-between; align-items: center; padding: 18px 0; color: #1e293b; font-weight: 800; text-decoration: none; font-size: 16px; }
        .s-m-sub { display: none; padding-left: 15px; padding-bottom: 15px; }
        .s-m-sub a { display: block; padding: 10px 0; color: #64748b; text-decoration: none; font-size: 15px; font-weight: 500; }
        .s-m-sub a:hover { color: #0ea5e9; }

        /* Logo her zaman görünür */
        .saas-logo { display: flex; align-items: center; flex-shrink: 0; }
        .saas-logo img { max-height: 45px; width: auto; display: block; }

        /* Müşteri Paneli butonu her zaman görünür (masaüstü) */
        .saas-header-action { display: flex; align-items: center; flex-shrink: 0; }

        /* Mobil wrap masaüstünde gizli */
        .saas-mobile-wrap { display: none; }

        @media (max-width: 1199px) {
            /* Masaüstü nav ve topbar mobilede gizli */
            .saas-desktop-nav, .saas-topbar { display: none !important; }
            /* Müşteri paneli butonu mobilede de gizli (mobil menüdeki var) */
            .saas-header-action { display: none !important; }
            /* Logo mobilede saas-mobile-wrap içinde görünür */
            .saas-logo { display: none; }
            .saas-mobile-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; }
            .saas-mobile-logo img { height: 38px; display: block; }
            .saas-hamburger { background: none; border: none; font-size: 26px; color: #1e293b; cursor: pointer; padding: 0; line-height: 1; }
        }

/* ===================== 2) FOOTER ===================== */
        /* SAAS FOOTER ÖZEL CSS */
        .saas-footer { background-color: #0b1121; color: #94a3b8; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; position: relative; border-top: 1px solid rgba(255,255,255,0.05); }

        /* ÇÖZÜM ORTAKLARI (PARTNERS) ŞERİDİ */
        .footer-partners { padding: 35px 0; border-bottom: 1px solid rgba(255,255,255,0.05); background: #0f172a; }
        .partners-grid { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; opacity: 0.6; transition: opacity 0.4s ease; }
        .footer-partners:hover .partners-grid { opacity: 1; }
        .partner-item { color: #cbd5e1; font-size: 15px; font-weight: 800; display: flex; align-items: center; gap: 10px; transition: all 0.3s ease; cursor: default; letter-spacing: 0.5px; text-transform: uppercase; }
        .partner-item i { font-size: 24px; color: #64748b; transition: all 0.3s ease; width: 28px; text-align: center; }
        .partner-item:hover { color: #ffffff; transform: translateY(-3px); }
        .partner-item:hover i { color: #0ea5e9; }

        /* ANA FOOTER ALANI */
        .footer-main { padding: 80px 0 60px 0; }
        .footer-logo { margin-bottom: 25px; display: inline-block; }
        .footer-logo img { max-height: 45px; filter: brightness(0) invert(1); }
        
        .footer-about { font-size: 14px; line-height: 1.7; margin-bottom: 30px; color: #94a3b8; padding-right: 20px; }
        
        .footer-contact { list-style: none; padding: 0; margin: 0; }
        .footer-contact li { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 18px; font-size: 14px; color: #cbd5e1; font-weight: 500; }
        .footer-contact li i { color: #0ea5e9; font-size: 16px; margin-top: 3px; }
        .footer-contact li a { color: #cbd5e1; text-decoration: none; transition: color 0.3s ease; }
        .footer-contact li a:hover { color: #0ea5e9; }

        /* SOSYAL MEDYA BUTONLARI */
        .footer-social { display: flex; gap: 12px; margin-top: 30px; }
        .footer-social a { width: 42px; height: 42px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); border-radius: 10px; display: flex; justify-content: center; align-items: center; color: #cbd5e1; font-size: 16px; transition: all 0.3s ease; text-decoration: none; }
        .footer-social a:hover { background: #0ea5e9; border-color: #0ea5e9; color: #ffffff; transform: translateY(-4px); box-shadow: 0 8px 20px rgba(14, 165, 233, 0.3); }

        /* LİNK SÜTUNLARI */
        .footer-widget h4 { color: #ffffff; font-size: 18px; font-weight: 800; margin-bottom: 30px; position: relative; padding-bottom: 12px; letter-spacing: -0.5px; }
        .footer-widget h4::after { content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 3px; background: #0ea5e9; border-radius: 3px; }
        .footer-links { list-style: none; padding: 0; margin: 0; }
        .footer-links li { margin-bottom: 15px; }
        .footer-links a { color: #94a3b8; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.3s ease; display: inline-flex; align-items: center; }
        .footer-links a::before { content: '\f105'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 10px; color: #475569; transition: all 0.3s ease; font-size: 12px; }
        .footer-links a:hover { color: #0ea5e9; transform: translateX(6px); }
        .footer-links a:hover::before { color: #0ea5e9; }

        /* ALT BİLGİ ÇİZGİSİ (COPYRIGHT & ÖDEME) */
        .footer-bottom { background: #070b15; padding: 25px 0; border-top: 1px solid rgba(255,255,255,0.02); }
        .footer-bottom-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
        .footer-copy { font-size: 13px; color: #64748b; margin: 0; font-weight: 500; }
        .footer-copy span { color: #0ea5e9; font-weight: 700; }
        .footer-payments { display: flex; gap: 15px; align-items: center; }
        .footer-payments span { font-size: 12px; color: #64748b; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-right: 10px; }
        .footer-payments i { font-size: 28px; color: #475569; transition: color 0.3s ease; }
        .footer-payments i:hover { color: #0ea5e9; }

        @media (max-width: 991px) {
            .footer-main { padding: 60px 0 30px 0; }
            .footer-widget { margin-bottom: 40px; }
            .partners-grid { justify-content: center; gap: 25px; }
            .footer-bottom-inner { justify-content: center; text-align: center; flex-direction: column; }
        }

/* ===================== 3) ANASAYFA BOLUMLERI (HERO / DOMAIN / PRICING / WHY / GLOBAL / YORUM / DESTEK) ===================== */
        body { background-color: #f8f9fc !important; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #334155; margin: 0; padding: 0; overflow-x: hidden; }
        
        /* HEADER Z-INDEX GÜVENCESİ */
        #header { position: relative; z-index: 9999 !important; }

        /* ==========================================================
           1. PLUS DATACENTER SAAS HERO SLIDER (BOOTSTRAP NATIVE)
           ========================================================== */
        .hero-slider-section { position: relative; z-index: 1; background: #0b1120; border-bottom: 1px solid rgba(255,255,255,0.05); }
        .hero-bg-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 30px 30px; pointer-events: none;}
        
        /* Bootstrap Carousel Özelleştirmeleri */
        .carousel-item { padding: 180px 0 140px 0; position: relative; }
        
        .hero-glow-blue { position: absolute; top: -10%; right: -5%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(14, 165, 233, 0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none; z-index: -1; }
        .hero-glow-green { position: absolute; top: -10%; right: -5%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(16, 185, 129, 0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none; z-index: -1; }
        .hero-glow-purple { position: absolute; top: -10%; right: -5%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none; z-index: -1; }
        
        .slide-content-wrap { position: relative; z-index: 3; padding-right: 30px; }
        .slide-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(14, 165, 233, 0.1); color: #38bdf8; padding: 8px 24px; border-radius: 50px; font-weight: 800; font-size: 13px; margin-bottom: 25px; border: 1px solid rgba(14, 165, 233, 0.2); letter-spacing: 1px; text-transform: uppercase; }
        
        .slide-title { color: #ffffff; font-size: 3.5rem; font-weight: 900; line-height: 1.1; margin-bottom: 20px; letter-spacing: -1px; }
        .slide-title span { background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .slide-title.green-accent span { background: linear-gradient(135deg, #34d399 0%, #10b981 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .slide-title.purple-accent span { background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        
        .slide-desc { color: #94a3b8; font-size: 18px; line-height: 1.7; margin-bottom: 30px; font-weight: 400; max-width: 95%; }
        
        .slide-features { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; margin-bottom: 40px; padding: 0; list-style: none; }
        .slide-features li { color: #cbd5e1; font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
        .slide-features li i { color: #0ea5e9; font-size: 18px; width: 20px; text-align: center; }

        .slide-action { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
        .btn-slide-primary { background: #0ea5e9; color: #fff !important; padding: 16px 40px; border-radius: 12px; font-size: 16px; font-weight: 800; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 10px 25px rgba(14, 165, 233, 0.3); border: none; display: flex; align-items: center; gap: 10px; }
        .btn-slide-primary:hover { background: #0284c7; transform: translateY(-3px); box-shadow: 0 15px 35px rgba(14, 165, 233, 0.4); color: #fff !important;}
        
        .slide-price-box { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); padding: 10px 25px; border-radius: 12px; backdrop-filter: blur(5px); display: flex; flex-direction: column; justify-content: center;}
        .slide-price-box span { font-size: 11px; color: #94a3b8; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px;}
        .slide-price-box strong { font-size: 24px; font-weight: 900; color: #fff; line-height: 1; margin: 0;}
        .slide-price-box strong small { font-size: 14px; color: #cbd5e1; font-weight: 600;}

        /* Sağ Taraf Slayt Grafikleri (Kusursuz CSS Art) */
        .slide-graphic-wrap { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 3; padding: 30px;}
        
        .css-art-card { background: rgba(30, 41, 59, 0.7); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; padding: 35px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); width: 100%; max-width: 480px; box-shadow: 0 30px 60px rgba(0,0,0,0.4); position: relative; animation: floatMain 6s ease-in-out infinite; z-index: 2; margin: 20px;}
        
        .css-art-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 15px; margin-bottom: 20px; }
        .css-art-title { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 20px; font-weight: 800; }
        .css-art-status { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; padding: 6px 12px; border-radius: 30px; letter-spacing: 1px; }
        
        .css-art-body { display: flex; flex-direction: column; gap: 15px; }
        .css-art-row { background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.04); border-radius: 12px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s ease;}
        .css-art-row:hover { background: rgba(255,255,255,0.02); }
        .css-art-info { display: flex; align-items: center; gap: 15px; }
        .css-art-icon { width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
        .css-art-text h5 { color: #fff; font-size: 16px; font-weight: 800; margin: 0 0 4px 0; }
        .css-art-text p { color: #94a3b8; font-size: 13px; margin: 0; font-weight: 500; }
        .css-art-value { font-size: 16px; font-weight: 900; color: #fff; }

        /* Havada Süzülen Etiketler (Düzeltildi) */
        .slide-f-card { position: absolute; background: rgba(30, 41, 59, 0.9); border: 1px solid rgba(255, 255, 255, 0.1); padding: 12px 20px; border-radius: 16px; box-shadow: 0 15px 35px rgba(0,0,0,0.4); font-weight: 800; color: #fff; display: flex; align-items: center; gap: 12px; z-index: 5; font-size: 13px; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); white-space: nowrap; }
        .slide-f-card i { font-size: 20px; }
        
        /* Konumlar kartın başlığını örtmeyecek şekilde dışarı atıldı */
        .f-c-1 { top: -25px; right: 20px; left: auto; animation: float-delayed 5s ease-in-out infinite; }
        .f-c-2 { bottom: -25px; left: 20px; right: auto; animation: float 6s ease-in-out infinite reverse; }

        @keyframes floatMain { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
        @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-8px); } 100% { transform: translateY(0px); } }
        @keyframes float-delayed { 0% { transform: translateY(0px); } 50% { transform: translateY(8px); } 100% { transform: translateY(0px); } }

        /* Bootstrap Carousel UI Ayarları */
        .carousel-control-prev, .carousel-control-next { width: 5%; opacity: 1; }
        .carousel-control-icon-wrap { width: 45px; height: 45px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(5px); transition: all 0.3s ease; color: #fff; }
        .carousel-control-icon-wrap:hover { background: #0ea5e9; border-color: #0ea5e9; transform: scale(1.1); box-shadow: 0 10px 20px rgba(14, 165, 233, 0.3);}
        
        .carousel-indicators { margin-bottom: 30px; }
        .carousel-indicators [data-bs-target] { width: 12px; height: 4px; border-radius: 4px; background-color: rgba(255,255,255,0.3); border: none; margin: 0 4px; transition: all 0.3s ease; }
        .carousel-indicators .active { background-color: #0ea5e9; width: 35px; }

        @media (max-width: 991px) {
            .carousel-item { padding: 120px 0 60px 0; }
            .slide-graphic-wrap { display: none !important; }
            .slide-content-wrap { padding-right: 0; text-align: center; }
            .slide-title { font-size: 2.5rem; }
            .slide-desc { margin: 0 auto 30px auto; }
            .slide-features { text-align: left; max-width: 400px; margin: 0 auto 30px auto; }
            .slide-action { justify-content: center; }
            .carousel-control-prev, .carousel-control-next { display: none; }
        }

        /* ==========================================================
           2. YENİ NESİL DOMAIN SORGULAMA ALANI
           ========================================================== */
        .domain-search-section { background: #f8f9fc; padding: 80px 0 60px 0; position: relative; border-bottom: 1px solid #e2e8f0; z-index: 5;}
        
        .ds-header { text-align: center; margin-bottom: 40px; position: relative; z-index: 2; }
        .ds-badge { display: inline-block; background: #ffffff; color: #0ea5e9; padding: 6px 20px; border-radius: 50px; font-size: 13px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px; border: 1px solid rgba(14, 165, 233, 0.2); box-shadow: 0 5px 15px rgba(0,0,0,0.02);}
        .ds-header h2 { color: #1e293b; font-size: 2.5rem; font-weight: 900; letter-spacing: -1px; margin-bottom: 15px; }
        .ds-header h2 span { color: #0ea5e9;}
        .ds-header p { color: #64748b; font-size: 16px; max-width: 600px; margin: 0 auto; line-height: 1.6; }
        
        .ds-form-wrapper { max-width: 800px; margin: 0 auto 30px auto; position: relative; z-index: 2; }
        .ds-form { display: flex; background: #ffffff; padding: 8px; border-radius: 60px; box-shadow: 0 15px 40px rgba(0,0,0,0.05); border: 1px solid #e2e8f0; transition: all 0.3s ease;}
        .ds-form:focus-within { border-color: #0ea5e9; box-shadow: 0 15px 40px rgba(14, 165, 233, 0.1); }
        .ds-input-group { flex-grow: 1; display: flex; align-items: center; padding-left: 25px; }
        .ds-input-group i { color: #94a3b8; font-size: 20px; margin-right: 15px; }
        .ds-input { border: none; width: 100%; font-size: 18px; color: #1e293b; font-weight: 600; outline: none; background: transparent; padding: 15px 0;}
        .ds-input::placeholder { color: #cbd5e1; font-weight: 500; }
        .ds-btn { background: #0ea5e9; color: #ffffff; border: none; padding: 18px 40px; border-radius: 50px; font-size: 16px; font-weight: 800; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: 0.5px;}
        .ds-btn:hover { background: #0284c7; box-shadow: 0 10px 25px rgba(14, 165, 233, 0.3); transform: translateY(-2px); }

        .ds-links { text-align: center; margin-bottom: 50px; position: relative; z-index: 2; }
        .ds-links a { color: #64748b; text-decoration: none; font-size: 14.5px; font-weight: 700; margin: 0 15px; transition: color 0.3s ease; display: inline-flex; align-items: center; gap: 8px; }
        .ds-links a i { color: #0ea5e9; }
        .ds-links a:hover { color: #0ea5e9; }

        .ds-extensions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; position: relative; z-index: 2; max-width: 1000px; margin: 0 auto; }
        .ds-ext-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 25px; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; cursor: pointer; text-decoration: none; box-shadow: 0 5px 15px rgba(0,0,0,0.02);}
        .ds-ext-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(14, 165, 233, 0.08); border-color: #cbd5e1;}
        .ds-ext-card:hover .ext-arrow { color: #0ea5e9; transform: translateX(5px); }
        
        .ds-ext-card.popular { border-color: #0ea5e9; box-shadow: 0 10px 25px rgba(14, 165, 233, 0.1); }
        .ds-ext-badge { position: absolute; top: -1px; right: 30px; background: #0ea5e9; color: #fff; font-size: 10px; font-weight: 800; padding: 5px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-transform: uppercase; letter-spacing: 1px; }
        
        .ext-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
        .ext-name { font-size: 28px; font-weight: 900; color: #1e293b; transition: color 0.3s ease; line-height: 1; }
        .ds-ext-card.popular .ext-name { color: #0ea5e9; }
        .ext-arrow { color: #94a3b8; font-size: 16px; transition: all 0.3s ease; }
        
        .ext-bottom { display: flex; flex-direction: column; }
        .ext-old-price { font-size: 13px; color: #94a3b8; text-decoration: line-through; margin-bottom: 2px; font-weight: 600;}
        .ext-price { font-size: 22px; font-weight: 900; color: #1e293b; line-height: 1; }
        .ext-price span { font-size: 14px; font-weight: 700; color: #64748b;}

        @media (max-width: 991px) {
            .ds-extensions { grid-template-columns: repeat(2, 1fr); }
            .ds-form { flex-direction: column; padding: 15px; border-radius: 24px;}
            .ds-input-group { padding: 10px 5px; margin-bottom: 15px; border-bottom: 1px solid #f1f5f9; }
            .ds-btn { width: 100%; justify-content: center; border-radius: 12px;}
        }
        @media (max-width: 575px) {
            .ds-extensions { grid-template-columns: 1fr; }
            .ds-links a { display: block; margin: 10px 0; }
        }

        /* ==========================================================
           3. GENEL BAŞLIK VE ALT BAŞLIK AYARLARI 
           ========================================================== */
        .sec-header { text-align: center; margin-bottom: 60px; }
        .sec-header h2 { font-size: 36px; font-weight: 900; color: #1e293b; margin-bottom: 15px; letter-spacing: -1px; }
        .sec-header p { font-size: 16px; color: #64748b; max-width: 100%; margin: 0 auto; line-height: 1.7; }
        @media (max-width: 991px) { .sec-header p { white-space: normal; } }

        /* ==========================================================
           4. FİYATLANDIRMA KARTLARI (PRICING)
           ========================================================== */
        .pricing-section { background-color: #ffffff; padding: 100px 0; position: relative; z-index: 10; }
        .pricing-card { background: #f8f9fc; border-radius: 24px; padding: 40px 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); border: 1px solid #e2e8f0; transition: all 0.3s ease; text-align: center; position: relative; height: 100%; display: flex; flex-direction: column; }
        .pricing-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(14, 165, 233, 0.08); border-color: #cbd5e1; background: #ffffff; }
        .pricing-card.popular { border: 2px solid #0ea5e9; box-shadow: 0 15px 40px rgba(14, 165, 233, 0.12); background: #ffffff;}
        .pricing-card .badge.popular-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #0ea5e9; color: #fff; padding: 6px 20px; border-radius: 30px; font-weight: 800; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 4px 15px rgba(14,165,233,0.3); }
        
        .p-icon { width: 70px; height: 70px; background: rgba(14, 165, 233, 0.1); color: #0ea5e9; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; margin: 0 auto 20px auto; }
        .pricing-card h3 { font-size: 22px; font-weight: 900; color: #1e293b; margin-bottom: 5px; }
        .pricing-card .p-desc { font-size: 13px; color: #64748b; margin-bottom: 25px; min-height: 40px; font-weight: 500;}
        .p-price { font-size: 42px; font-weight: 900; color: #1e293b; margin-bottom: 25px; line-height: 1; display:flex; justify-content:center; align-items:baseline;}
        .p-price span { font-size: 16px; font-weight: 700; color: #64748b; margin-left:5px;}
        
        .p-list { list-style: none; padding: 0; margin: 0 0 30px 0; text-align: left; flex-grow: 1; border-top: 1px solid #f1f5f9; padding-top: 20px;}
        .p-list li { font-size: 14.5px; color: #475569; padding: 12px 0; border-bottom: 1px dashed #f1f5f9; display: flex; align-items: center; gap: 12px; }
        .p-list li:last-child { border-bottom: none; }
        .p-list li i { color: #0ea5e9; font-size: 18px; width: 20px; text-align: center; }
        .p-list li strong { color: #1e293b; font-weight: 800; }
        
        .p-btn { background: #f1f5f9; color: #1e293b !important; font-weight: 800; padding: 15px 0; border-radius: 12px; text-decoration: none; display: block; width: 100%; transition: all 0.3s ease; border: none; font-size: 15px; }
        .p-btn:hover { background: #0ea5e9; color: #fff !important; box-shadow: 0 10px 25px rgba(14, 165, 233, 0.3); transform: translateY(-2px);}
        .pricing-card.popular .p-btn { background: #ffc107; color: #000 !important; box-shadow: 0 5px 15px rgba(255, 193, 7, 0.2); }
        .pricing-card.popular:hover .p-btn { background: #0ea5e9; color: #fff !important; }

        /* ==========================================================
           5. NEDEN BİZ (ÖZELLİK BLOKLARI)
           ========================================================== */
        .why-us-section { padding: 80px 0; background: #f8f9fc; }
        .feature-block { background: #ffffff; border-radius: 24px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); padding: 50px 40px; border: 1px solid rgba(0,0,0,0.04); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center;}
        .feature-block:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(14, 165, 233, 0.08); border-color: rgba(14, 165, 233, 0.2); }
        .why-icon { width: 80px; height: 80px; background: rgba(14, 165, 233, 0.1); color: #0ea5e9; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 25px; transition: all 0.3s ease;}
        .feature-block:hover .why-icon { transform: scale(1.1) rotate(5deg); background: #0ea5e9; color: #fff; }
        .feature-block h4 { font-size: 22px; font-weight: 900; color: #1e293b; margin-bottom: 15px; }
        .feature-block p { font-size: 15px; color: #64748b; line-height: 1.6; margin: 0; }

        /* ==========================================================
           6. GLOBAL NETWORK (LOKASYON ALANI)
           ========================================================== */
        .global-network-section { background: #0b1120; padding: 100px 0; position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05);}
        .global-network-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(rgba(14, 165, 233, 0.1) 1px, transparent 1px); background-size: 30px 30px; z-index: 1; pointer-events: none;}
        .gn-glow { position: absolute; width: 800px; height: 800px; background: radial-gradient(circle, rgba(14, 165, 233, 0.1) 0%, transparent 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; border-radius: 50%;}
        
        .gn-content { position: relative; z-index: 2; text-align: center; }
        .gn-badge { display: inline-block; background: rgba(14, 165, 233, 0.15); color: #38bdf8; padding: 8px 24px; border-radius: 50px; font-size: 13px; font-weight: 800; border: 1px solid rgba(14, 165, 233, 0.3); margin-bottom: 20px; letter-spacing: 1px; text-transform: uppercase; }
        .gn-title { color: #ffffff; font-size: 3.5rem; font-weight: 900; letter-spacing: -1px; margin-bottom: 20px; }
        .gn-title span { color: #0ea5e9; }
        .gn-desc { color: #94a3b8; font-size: 18px; max-width: 750px; margin: 0 auto 40px auto; line-height: 1.7; }
        
        .gn-locations { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-bottom: 50px; }
        .loc-badge { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: #e2e8f0; padding: 14px 28px; border-radius: 12px; font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 10px; transition: all 0.3s ease; backdrop-filter: blur(5px); }
        .loc-badge i { color: #0ea5e9; font-size: 18px; }
        .loc-badge:hover { background: rgba(14, 165, 233, 0.1); border-color: #0ea5e9; color: #ffffff; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(14, 165, 233, 0.2); }
        
        .gn-btn { background: #0ea5e9; color: #ffffff !important; font-weight: 800; padding: 16px 40px; border-radius: 12px; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s ease; border: none; box-shadow: 0 10px 25px rgba(14, 165, 233, 0.3); font-size: 16px; text-decoration: none; }
        .gn-btn:hover { background: #0284c7; transform: translateY(-3px); box-shadow: 0 15px 35px rgba(14, 165, 233, 0.4); }

        @media (max-width: 767px) { .gn-title { font-size: 2.5rem; } }

        /* ==========================================================
           7. MÜŞTERİ YORUMLARI (SORUNSUZ GRID SİSTEMİ)
           ========================================================== */
        .testimonials-section { padding: 100px 0; background: #ffffff; }
        .yorum-card { background: #f8f9fc; border-radius: 24px; padding: 40px 35px; box-shadow: 0 10px 40px rgba(0,0,0,0.02); border: 1px solid #e2e8f0; display: flex; flex-direction: column; gap: 15px; height: 100%; transition: all 0.3s ease; }
        .yorum-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(14, 165, 233, 0.08); border-color: #cbd5e1; background: #ffffff;}
        .yorum-card .stars { display: flex; gap: 5px; color: #ffc107; font-size: 16px; margin-bottom: 5px; }
        .yorum-card h4 { font-size: 20px; font-weight: 800; color: #1e293b; margin: 0; }
        .yorum-card p.content { font-size: 15px; color: #475569; line-height: 1.8; font-style: italic; margin: 0; flex-grow: 1; }
        .yorum-author { display: flex; align-items: center; gap: 15px; margin-top: 15px; border-top: 1px dashed #e2e8f0; padding-top: 20px; }
        .yorum-author-icon { width: 50px; height: 50px; background: rgba(14, 165, 233, 0.1); color: #0ea5e9; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 900; font-size: 18px; }
        .yorum-author-info { flex-grow: 1; }
        .yorum-author-info h5 { font-size: 15px; font-weight: 900; color: #1e293b; margin: 0; }
        .yorum-author-info span { font-size: 13px; color: #64748b; font-weight: 600;}

        /* ==========================================================
           8. YÖNLENDİRME KARTLARI (YARDIM / DESTEK DÜZELTİLDİ)
           ========================================================== */
        .next-step-section { background-color: #f8f9fc; padding: 80px 0 100px 0; }
        .next-step-card { display: flex; align-items: center; background: #ffffff; border-radius: 20px; padding: 30px; text-decoration: none !important; box-shadow: 0 10px 30px rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.03); transition: all 0.3s ease; height: 100%; }
        .next-step-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(14, 165, 233, 0.1); border-color: rgba(14, 165, 233, 0.3); }
        .next-step-icon { width: 70px; height: 70px; min-width: 70px; background: #f8f9fc; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-right: 20px; transition: all 0.3s ease; font-size: 26px; color: #0ea5e9; box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
        .next-step-card:hover .next-step-icon { background: #0ea5e9; color: #ffffff; }
        .next-step-content { flex-grow: 1; }
        .next-step-content h4 { color: #1e293b; font-weight: 800; font-size: 18px; margin-bottom: 6px; transition: color 0.3s ease; }
        .next-step-card:hover .next-step-content h4 { color: #0ea5e9; }
        .next-step-content p { color: #64748b; margin: 0; font-size: 13px; line-height: 1.5; }
        .next-step-arrow { width: 40px; height: 40px; min-width: 40px; background: #f8f9fc; color: #94a3b8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.03);}
        .next-step-card:hover .next-step-arrow { background: #0ea5e9; color: #ffffff; transform: translateX(5px); }

/* =====================================================================
   4) BOOTSTRAP 3 -> 4/5 UYUM KATMANI (UTILITY SHIM)
   Antler temasi Bootstrap 3.4.1 kullanir; public site BS5 utility
   siniflari kullaniyor. Asagidaki kurallar bu farki kapatir.
   Hicbir BS3 grid sinifi (col-md-*, col-sm-*, col-lg-*) ezilmez.
   ===================================================================== */

/* -- display utilities -- */
.d-none{display:none !important;}
.d-block{display:block !important;}
.d-inline-block{display:inline-block !important;}
.d-flex{display:flex !important;}
@media (min-width:992px){ .d-lg-block{display:block !important;} .d-lg-none{display:none !important;} }
@media (min-width:1200px){ .d-xl-block{display:block !important;} .d-xl-none{display:none !important;} }

/* -- width / height -- */
.w-100{width:100% !important;}
.h-100{height:100% !important;}

/* -- spacing (rem tabanli, BS4/5 ile ayni) -- */
.p-0{padding:0 !important;}
.m-0{margin:0 !important;}
.me-1{margin-right:.25rem !important;}
.me-2{margin-right:.5rem !important;}
.me-3{margin-right:1rem !important;}
.ms-1{margin-left:.25rem !important;}
.ps-4{padding-left:1.5rem !important;}
.pt-3{padding-top:1rem !important;}
.pt-4{padding-top:1.5rem !important;}
.mt-4{margin-top:1.5rem !important;}
.mt-5{margin-top:3rem !important;}
.mb-3{margin-bottom:1rem !important;}
.mb-4{margin-bottom:1.5rem !important;}
@media (min-width:992px){ .mb-lg-0{margin-bottom:0 !important;} }

/* -- text utilities -- */
.text-white{color:#fff !important;}
.text-start{text-align:left !important;}
.text-success{color:#10b981 !important;}

/* -- position -- */
.position-relative{position:relative !important;}

/* -- flex helper utilities (yalnizca flex kapsayicilarda etkili) -- */
.justify-content-center{justify-content:center !important;}
.align-items-center{align-items:center !important;}

/* -- erisilebilirlik -- */
.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* -- rozet arka planlari (mega menu / pricing) -- */
.bg-pink{background-color:#ec4899 !important;}
.bg-info{background-color:#0ea5e9 !important;}
.bg-primary{background-color:#6366f1 !important;}
.badge-discount{display:inline-block;line-height:1;}

/* =====================================================================
   9) LOGIN / REGISTER SAYFA HEADER ÇUBUĞU (Logo + Geri Butonu)
   ===================================================================== */
.plus-page-header {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    padding: 14px 0;
    position: relative;
    z-index: 100;
}
.plus-page-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.plus-page-logo img {
    max-height: 42px;
    width: auto;
    display: block;
}
.plus-page-home-btn {
    background: #ffc107;
    color: #000 !important;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 6px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(255,193,7,0.3);
}
.plus-page-home-btn:hover {
    background: #0ea5e9;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(14,165,233,0.3);
}
@media (max-width: 576px) {
    .plus-page-home-btn span { display: none; }
    .plus-page-logo img { max-height: 34px; }
}

   Bu kurallar yalnizca asagidaki modifier siniflari iceren satirlarda
   devreye girer; standart WHMCS .row'lari etkilemez.
   ===================================================================== */
.row.align-items-center{display:flex;flex-wrap:wrap;align-items:center;}
.row.align-items-stretch{display:flex;flex-wrap:wrap;align-items:stretch;}
.why-us-section .row,
.next-step-section .row,
.pricing-section .row,
.testimonials-section .row{display:flex;flex-wrap:wrap;}

/* mega menu ic grid (BS5 col-8 / col-4) -> scoped */
.saas-mega-menu .row{display:flex;flex-wrap:wrap;margin:0;}
.saas-mega-menu .col-8{flex:0 0 66.6667%;max-width:66.6667%;}
.saas-mega-menu .col-4{flex:0 0 33.3333%;max-width:33.3333%;}

/* =====================================================================
   6) HERO SLIDER (kendi jQuery slider'imiz icin gorunum kurallari)
   BS5 carousel JS yuklenmedigi icin gosterim/fade'i biz yonetiyoruz.
   ===================================================================== */
.hero-slider-section .carousel{position:relative;}
.hero-slider-section .carousel-inner{position:relative;width:100%;overflow:hidden;}
.hero-slider-section .carousel-item{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .6s ease;}
.hero-slider-section .carousel-item.active{position:relative;opacity:1;visibility:visible;}
.hero-slider-section .carousel-indicators{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:15;}
.hero-slider-section .carousel-control-prev{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:none;border:0;z-index:15;}
.hero-slider-section .carousel-control-next{position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;background:none;border:0;z-index:15;}

/* =====================================================================
   7) KAYIT (REGISTER) SAYFASI - SaaS cam kart uyarlamasi
   ===================================================================== */
.plus-auth-wide .plus-glass-card{max-width:920px;margin:0 auto;text-align:left;}
.plus-auth-wide .plus-glass-card h4{text-align:center;}
.plus-register-card .form-group{margin-bottom:18px;}
.plus-register-card label,
.plus-register-card .control-label{color:#cbd5e1;font-weight:600;font-size:14px;margin-bottom:6px;display:inline-block;}
.plus-register-card .form-control,
.plus-register-card select.form-control,
.plus-register-card input[type="text"],
.plus-register-card input[type="email"],
.plus-register-card input[type="tel"],
.plus-register-card input[type="password"]{
  width:100%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;padding:12px 15px;color:#fff;font-size:15px;outline:none;
  transition:all .3s ease;height:auto;box-shadow:none;
}
.plus-register-card .form-control:focus{border-color:#0ea5e9;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(14,165,233,0.2);color:#fff;}
.plus-register-card .form-control::placeholder{color:#64748b;}
.plus-register-card .divider{display:flex;align-items:center;gap:15px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px;margin:25px 0 20px;}
.plus-register-card .divider span:first-child,
.plus-register-card .divider span:last-child{flex:1;height:1px;background:rgba(255,255,255,0.08);}
.plus-register-card .section-heading{color:#fff !important;font-weight:900;}
.plus-register-card .section-subheading{color:#94a3b8 !important;}
.plus-register-card .checkbox label,
.plus-register-card .help-block,
.plus-register-card .field-icon,
.plus-register-card p{color:#94a3b8;}
.plus-register-card a{color:#0ea5e9;}
.plus-register-card .btn-default-yellow-fill,
.plus-register-card button[type="submit"]{
  background:#0ea5e9;color:#fff;border:none;padding:15px 30px;border-radius:12px;
  font-weight:800;letter-spacing:.5px;box-shadow:0 10px 25px rgba(14,165,233,.3);
}
.plus-register-card .btn-default-yellow-fill:hover,
.plus-register-card button[type="submit"]:hover{background:#0284c7;color:#fff;}
.plus-register-brand{text-align:center;margin-bottom:30px;}
.plus-register-brand img{max-height:48px;}

/* =====================================================================
   8) TOPBAR ARAÇLARI (dil / bildirim / sepet / hesap) — koyu bar uyumu
   ===================================================================== */
.saas-topbar-tools{display:inline-flex;align-items:center;gap:14px;}
.saas-topbar-tools .dropdown{display:inline-block;position:relative;}
.saas-topbar-tools .iconews{color:#cbd5e1 !important;font-size:15px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;}
.saas-topbar-tools .iconews:hover{color:#fff !important;}
.saas-topbar-tools .iconews i{color:#cbd5e1;font-size:16px;}
.saas-topbar-tools .iconews:hover i{color:#0ea5e9;}
.saas-topbar-tools img.img-19{width:18px;height:18px;border-radius:50%;}
/* topbar üzerindeki açılır menüler aydınlık kartlar olsun */
.saas-topbar-tools .dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.15);color:#1e293b;text-align:left;margin-top:10px;}
.saas-topbar-tools .dropdown-menu a,
.saas-topbar-tools .dropdown-menu h6,
.saas-topbar-tools .dropdown-menu span{color:#1e293b;}
.saas-topbar .dotted-animation{position:absolute;top:-2px;right:-4px;}

/* header z-index güvencesi + logo ve buton kesin görünürlük */
.saas-header{position:sticky;top:0;z-index:9999;}
.saas-topbar{position:relative;z-index:10000;}
.saas-logo{display:flex !important;align-items:center;flex-shrink:0;}
.saas-logo img{max-height:45px;width:auto;display:block !important;}
.saas-header-action{display:flex !important;align-items:center;flex-shrink:0;}
@media(max-width:1199px){
  .saas-logo{display:none !important;}
  .saas-header-action{display:none !important;}
}

/* register sayfasinda eski tema sarmalayicilarini notrlestir */
.plus-auth-wide .logincontent,
.plus-auth-wide .login-wrapper{width:100%;max-width:none;margin:0;padding:0;background:none !important;box-shadow:none !important;border:0 !important;}
.plus-register-brand{display:flex;align-items:center;justify-content:center;gap:15px;}