/* ============================================================ SunucumFix Gece Modu (Dark Mode) style.css'in renk yapısına birebir uyumludur. Kullanım: olduğunda koyu tema aktif olur. Bu dosya style.css'ten SONRA yüklenmelidir. ============================================================ */ :root{ --sf-bg: #0e1424; /* sayfa zemini */ --sf-bg2: #111a30; /* bölüm zeminleri (features, faq) */ --sf-card: #161e36; /* kart zemini */ --sf-card2: #1b2440; /* ikon çipleri, iç kutular */ --sf-border: rgba(120,135,190,.18); --sf-head: #eef1fb; /* başlıklar (#1e266d karşılığı) */ --sf-text: #9aa3c7; /* soluk metin (#787da7 karşılığı) */ --sf-blue: #1d66ff; /* ana mavi — aynı kalır */ --sf-blue-lt: #6d9aff; /* koyu zeminde okunur mavi */ } /* ---------- Tema geçiş butonu (her iki modda da görünür) ---------- */ .sf-theme-btn{ width:38px; height:38px; border-radius:50%; border:1px solid rgba(120,125,167,.35); background:transparent; color:#1e266d; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-size:16px; vertical-align:middle; flex-shrink:0; transition:transform .2s ease, background-color .25s ease, color .25s ease; } .header-buttons .sf-theme-btn{ margin-right:12px; } .mobile-menu .head .sf-theme-btn{ margin-left:auto; margin-right:10px; } .sf-theme-btn:hover{ transform:scale(1.08); } html.sf-dark .sf-theme-btn{ background:var(--sf-card2); color:#ffd75e; border-color:var(--sf-border); } /* Yumuşak geçiş */ body, .top-bar, header, .mega-menu, .mobile-menu, .domain-search-box, .c-item, .pack-item, .feature-item, .f-item, .faq-head, .faq-body, footer, .footer-bottom, .search-wrap, .search-wrap input, .page-content-box, .domain-register-box, .dedicated-item{ transition: background-color .25s ease, color .25s ease, border-color .25s ease; } /* ---------- Genel ---------- */ html.sf-dark body{ background:var(--sf-bg); color:var(--sf-text); } /* ---------- Üst bar ---------- */ html.sf-dark .top-bar{ background:var(--sf-bg); border-bottom:1px solid rgba(120,135,190,.14); } html.sf-dark .top-bar .container a{ color:var(--sf-text); } html.sf-dark .top-bar .container a:hover{ color:var(--sf-blue-lt); } /* ---------- Header ---------- */ html.sf-dark header{ background:#10182c; border-bottom:1px solid rgba(120,135,190,.14); } html.sf-dark header.sticky{ background:#10182c; } html.sf-dark header .container nav>ul>li>a{ color:#e6eaf7; } html.sf-dark header .container nav>ul>li:hover>a{ background:rgba(29,102,255,.14); color:var(--sf-blue-lt); } html.sf-dark header .container nav>ul>li .mega-menu{ background:#131c33; border-top:1px solid var(--sf-border); box-shadow:0 18px 40px rgba(0,0,0,.55); } html.sf-dark header .container nav>ul>li .mega-menu a{ background:rgba(120,125,167,.12); } html.sf-dark header .container nav>ul>li .mega-menu a:hover{ background:var(--sf-blue); } html.sf-dark header .container nav>ul>li .mega-menu a .title strong{ color:var(--sf-head); } html.sf-dark header .container nav>ul>li .mega-menu a p{ color:var(--sf-text); } html.sf-dark header .container nav>ul>li .mega-menu a:hover .title strong, html.sf-dark header .container nav>ul>li .mega-menu a:hover p{ color:#fff; } html.sf-dark header .container .header-buttons a{ color:var(--sf-blue-lt); } html.sf-dark header .container .header-buttons a.main-btn{ color:#fff; } html.sf-dark header .container .hamburger-btn{ background:var(--sf-card); color:var(--sf-blue-lt); border-color:var(--sf-border); } /* Butonlar */ html.sf-dark .main-btn{ color:#fff; } html.sf-dark .main-btn:hover{ background:rgba(29,102,255,.16); color:var(--sf-blue-lt); border:1px solid var(--sf-blue); } html.sf-dark .main-btn.border-btn{ color:var(--sf-blue-lt); } html.sf-dark .main-btn.border-btn:hover{ background:var(--sf-blue); color:#fff; } html.sf-dark .main-btn.white-btn{ background:var(--sf-card); color:var(--sf-blue-lt); } html.sf-dark .main-btn.white-btn:hover{ background:var(--sf-blue); color:#fff; } /* ---------- Mobil menü ---------- */ html.sf-dark .mobile-menu{ background:#10182c; } html.sf-dark .mobile-menu .head{ border-bottom:1px solid var(--sf-border); } html.sf-dark .mobile-menu .head .close-menu{ background:var(--sf-card); color:var(--sf-blue-lt); border-color:var(--sf-border); } html.sf-dark .mobile-menu>ul>li{ border:1px solid var(--sf-border); } html.sf-dark .mobile-menu>ul>li>a{ color:#e6eaf7; } /* ---------- Hero ---------- */ html.sf-dark .welcome-hero-wrapper .container .hero-item .hero-content span{ color:var(--sf-blue-lt); } html.sf-dark .welcome-hero-wrapper .container .hero-item .hero-content h2{ color:var(--sf-head); } html.sf-dark .welcome-hero-wrapper .container .hero-item .hero-content p{ color:var(--sf-text); } /* ---------- Domain sorgulama ---------- */ html.sf-dark .home-domain-wrap .container .domain-search-box, html.sf-dark .domain-register-box{ background:var(--sf-card); box-shadow:0 12px 34px rgba(0,0,0,.4); } html.sf-dark .home-domain-wrap .container .domain-search-box .box-heading{ border-bottom:1px solid var(--sf-border); } html.sf-dark .home-domain-wrap .container .domain-search-box .box-heading .title strong{ color:var(--sf-head); } html.sf-dark .home-domain-wrap .container .domain-search-box .box-heading .title p{ color:var(--sf-text); } html.sf-dark .home-domain-wrap .container .domain-search-box .box-heading .buttons a{ color:var(--sf-blue-lt); } html.sf-dark .home-domain-wrap .container .domain-search-box .search-wrap, html.sf-dark .domain-register-box .search-wrap{ border:1px solid var(--sf-border); background:rgba(120,125,167,.08); } html.sf-dark .home-domain-wrap .container .domain-search-box .search-wrap input, html.sf-dark .domain-register-box .search-wrap input{ background:transparent; color:var(--sf-head); } html.sf-dark .c-item, html.sf-dark .home-domain-wrap .container .domain-search-box .domain-carousel .c-item, html.sf-dark .domain-register-box .domain-carousel .c-item{ background:rgba(29,102,255,.08); } html.sf-dark .home-domain-wrap .container .domain-search-box .domain-carousel .c-item .price b, html.sf-dark .domain-register-box .domain-carousel .c-item .price b{ color:var(--sf-head); } /* ---------- Bölüm başlıkları ---------- */ html.sf-dark .section-title span{ color:var(--sf-blue-lt); background:rgba(29,102,255,.14); } html.sf-dark .section-title .title{ color:var(--sf-head); } html.sf-dark .section-title p{ color:var(--sf-text); } html.sf-dark .section-title.dark .title{ color:var(--sf-head) !important; } html.sf-dark .section-title.dark p{ color:var(--sf-text) !important; } /* ---------- Paket kartları ---------- */ html.sf-dark .pack-item{ background:linear-gradient(to right top, rgba(120,125,167,.07), rgba(120,125,167,.02), var(--sf-card), rgba(120,125,167,.07)); border:1px solid var(--sf-border); } html.sf-dark .pack-item:hover{ background:rgba(120,125,167,.08); } html.sf-dark .pack-item .title{ color:var(--sf-head); } html.sf-dark .pack-item p{ color:var(--sf-text); } html.sf-dark .pack-item .pricing{ background:rgba(255,255,255,.04); box-shadow:none; } html.sf-dark .pack-item .pricing .old-price{ color:#6b7494; } html.sf-dark .pack-item .pricing .current-price span{ color:var(--sf-text); } html.sf-dark .pack-item ul li{ color:#cbd2e8; } html.sf-dark .pack-item ul li span{ background:var(--sf-card2); color:var(--sf-blue-lt); } /* ---------- Özellik kartları ---------- */ html.sf-dark .features-wrapper{ background:var(--sf-bg2); } html.sf-dark .features-wrapper .feature-item{ background:var(--sf-card); border:1px solid var(--sf-border); } html.sf-dark .features-wrapper .feature-item .number{ color:var(--sf-head); } html.sf-dark .features-wrapper .feature-item strong{ color:var(--sf-head); } html.sf-dark .features-wrapper .feature-item p{ color:var(--sf-text); } html.sf-dark .features-wrapper .feature-item .icon{ background:var(--sf-card); box-shadow:0 -12px 25px rgba(13,18,36,.9); } html.sf-dark .features-wrapper .feature-item.dark span{ background:rgba(140,150,255,.14); color:#aab6ff; } /* ---------- Avantaj kutuları (features-items) ---------- */ html.sf-dark .features-items .f-item .icon{ background:var(--sf-card2); } html.sf-dark .features-items .f-item strong{ color:var(--sf-head); } html.sf-dark .features-items .f-item p{ color:var(--sf-text); } html.sf-dark .features-items .f-item::before{ background:rgba(29,102,255,.08); } /* ---------- Referans logoları ---------- */ html.sf-dark .client-section .customer-logo{ filter:invert(1) hue-rotate(180deg); opacity:.85; } /* ---------- SSS ---------- */ html.sf-dark .faq-wrapper{ background:var(--sf-bg2); } html.sf-dark .faq-wrapper .faq-item .faq-head{ background:var(--sf-card); border:1px solid var(--sf-border); } html.sf-dark .faq-wrapper .faq-item .faq-head h3{ color:var(--sf-head); } html.sf-dark .faq-wrapper .faq-item .faq-head.opened{ background:var(--sf-blue); } html.sf-dark .faq-wrapper .faq-item .faq-head.opened h3{ color:#fff; } html.sf-dark .faq-wrapper .faq-item .faq-body{ background:#131b30; box-shadow:none; } html.sf-dark .faq-wrapper .faq-item .faq-body p{ color:#aab3d0; } /* ---------- Çağrı kutusu ---------- */ html.sf-dark .call-us-wrap .container .call-us-box .overlay{ background:rgba(10,15,35,.72); } /* ---------- Footer ---------- */ html.sf-dark footer{ background:var(--sf-bg); } html.sf-dark footer .container .footer-top .call-us a{ color:var(--sf-head); } html.sf-dark footer .container .footer-mid .footer-links strong{ color:var(--sf-head); } html.sf-dark footer .container .footer-mid .footer-links a{ color:var(--sf-text); } html.sf-dark footer .container .footer-mid .footer-links a:hover{ color:var(--sf-blue-lt); } html.sf-dark footer .footer-bottom{ background:rgba(120,125,167,.08); } /* ---------- İç sayfalar ---------- */ html.sf-dark .page-banner .overlay{ background:rgba(10,14,30,.6); } html.sf-dark .page-content-box{ background:var(--sf-card); box-shadow:0 12px 34px rgba(0,0,0,.4); } html.sf-dark .grid-item{ background-color:var(--sf-card); box-shadow:0 4px 12px rgba(0,0,0,.4); } html.sf-dark .about-content p{ color:var(--sf-text); } html.sf-dark .about-content h1, html.sf-dark .about-content h2, html.sf-dark .about-content h3, html.sf-dark .about-content h4, html.sf-dark .about-content h5, html.sf-dark .about-content h6{ color:var(--sf-head); } html.sf-dark .page-blog-item .pb-content .title{ color:var(--sf-head); } html.sf-dark .page-blog-item .pb-content p{ color:var(--sf-text); } html.sf-dark .page-blog-item .pb-content a{ color:var(--sf-blue-lt); } html.sf-dark .page-blog-item .pb-image::before{ background:rgba(29,102,255,.1); } html.sf-dark .contact-page-form .title{ color:var(--sf-head); } html.sf-dark .contact-page-form p{ color:var(--sf-text); } /* Form elemanları */ html.sf-dark .input-item label{ color:#dfe4f5; } html.sf-dark .input-item input, html.sf-dark .input-item textarea{ background:rgba(120,125,167,.08); border:1px solid rgba(120,135,190,.25); color:var(--sf-head); } html.sf-dark .input-item .input-box span{ color:var(--sf-text); } /* Domain fiyat tablosu */ html.sf-dark .domain-prices-wrapper .domain-price-table{ border:1px solid var(--sf-border); } html.sf-dark .domain-prices-wrapper .domain-price-table table tbody{ background:rgba(29,102,255,.06); } html.sf-dark .domain-prices-wrapper .domain-price-table table tbody tr:nth-child(odd){ background:var(--sf-card); } html.sf-dark .domain-prices-wrapper .domain-price-table table tbody tr td{ color:var(--sf-text); } html.sf-dark .domain-prices-wrapper .domain-price-table table tbody tr td strong{ color:var(--sf-head); background:var(--sf-card2); box-shadow:none; } /* Fiziksel sunucu satırları */ html.sf-dark .dedicated-item{ background:var(--sf-card); border:1px solid var(--sf-border); box-shadow:none; } html.sf-dark .dedicated-item:hover{ background:linear-gradient(to right top, rgba(120,125,167,.1), rgba(120,125,167,.05), var(--sf-card), rgba(120,125,167,.1)); } html.sf-dark .dedicated-item .d-cell{ border-color:var(--sf-border); } html.sf-dark .dedicated-item .d-cell:first-child{ background:rgba(29,102,255,.08); } html.sf-dark .dedicated-item .d-cell span{ color:var(--sf-head); } html.sf-dark .dedicated-item .d-cell small{ color:var(--sf-text); } html.sf-dark .dedicated-item .d-cell .pricing{ background:rgba(255,255,255,.04); box-shadow:none; } html.sf-dark .dedicated-item .d-cell .pricing .old-price{ color:#6b7494; } /* SSL paketleri */ html.sf-dark .ssl-pack{ background:linear-gradient(to right top, rgba(120,125,167,.07), rgba(120,125,167,.02), var(--sf-card), rgba(120,125,167,.07)); border:1px solid var(--sf-border); } html.sf-dark .ssl-pack .logo{ background:rgba(120,125,167,.08); } html.sf-dark .ssl-pack .specs-list ul li{ border-bottom:1px solid var(--sf-border); } html.sf-dark .ssl-pack .specs-list ul li>div span{ color:var(--sf-text); } html.sf-dark .ssl-pack .specs-list ul li>div strong{ color:var(--sf-head); } html.sf-dark .ssl-pack .pricing{ background:rgba(255,255,255,.04); box-shadow:none; } /* Banka / ticari bilgiler */ html.sf-dark .bank-tab span{ color:var(--sf-head); } html.sf-dark .bank-tab p{ background:rgba(120,125,167,.1); color:var(--sf-text); } /* 404 */ html.sf-dark .page-not-found .container .text{ background:linear-gradient(to left top, rgba(29,102,255,.18), rgba(120,125,167,.02), var(--sf-card), rgba(29,102,255,.12)); } html.sf-dark .page-not-found .container .text h1{ color:var(--sf-head); } html.sf-dark .page-not-found .container .text p{ color:var(--sf-text); } /* ---------- Sayfa içi (inline) öğeler ---------- */ /* "yeni" kodu duyuru bandı mavi kalsın */ html.sf-dark .center-text{ background-color:#1d16ff !important; color:#fff !important; } /* WhatsApp popupları */ html.sf-dark .waBox, html.sf-dark #waOverlay #waPopup{ background:var(--sf-card) !important; color:var(--sf-head) !important; } html.sf-dark .waBox p, html.sf-dark #waOverlay #waPopup p{ color:var(--sf-text) !important; } html.sf-dark .waBox h3, html.sf-dark #waOverlay #waPopup h3{ color:var(--sf-head) !important; } /* Mobil sabit alt bar */ html.sf-dark #mobil-fix{ background-color:#10182c !important; box-shadow:0 -2px 10px rgba(0,0,0,.5) !important; } /* ---------- Yüzen tema butonu (modern, marka degradeli) ---------- */ .sf-theme-fab{ position:fixed; right:24px; bottom:110px; z-index:99998; width:56px; height:56px; font-size:22px; background:linear-gradient(135deg,#045de9 0%,#09c6f9 100%); color:#ffffff; border:none; border-radius:50%; box-shadow:0 6px 20px rgba(4,93,233,.45), 0 2px 6px rgba(0,0,0,.2); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .25s ease, box-shadow .25s ease, background .3s ease; } .sf-theme-fab:hover{ transform:translateY(-3px) scale(1.06); box-shadow:0 10px 28px rgba(4,93,233,.55), 0 4px 10px rgba(0,0,0,.25); } html.sf-dark .sf-theme-fab{ background:linear-gradient(135deg,#1b2440 0%,#0e1424 100%); color:#ffd75e; border:1px solid rgba(109,154,255,.35); box-shadow:0 6px 22px rgba(0,0,0,.6), 0 0 0 4px rgba(29,102,255,.15); } html.sf-dark .sf-theme-fab:hover{ box-shadow:0 10px 30px rgba(0,0,0,.7), 0 0 0 6px rgba(29,102,255,.25); } @keyframes sfSpin{ from{ transform:rotate(-180deg) scale(.5); opacity:.3; } to{ transform:rotate(0) scale(1); opacity:1; } } .sf-theme-btn.sf-anim i, .sf-theme-btn.sf-anim svg{ animation:sfSpin .45s ease; } @media only screen and (max-width:768px){ .sf-theme-fab{ bottom:170px; right:16px; width:50px; height:50px; font-size:20px; } } /* Bootstrap .bg-white bölümleri gece modunda koyu kalsın */ html.sf-dark .bg-white{ background-color:#111a30 !important; } /* ============================================================ MODERN KATMAN v3 — cam efektli kartlar, degrade zemin, ışımalar ============================================================ */ /* Sayfa zemini: düz renk yerine derin degrade + mavi ışık huzmeleri */ html.sf-dark body{ background: radial-gradient(900px 520px at 85% -10%, rgba(29,102,255,.14), transparent 60%), radial-gradient(760px 420px at -10% 35%, rgba(9,198,249,.08), transparent 60%), radial-gradient(800px 500px at 50% 110%, rgba(4,93,233,.10), transparent 60%), #0a0f1e !important; background-attachment: fixed; } /* Header: koyu zemin (blur mega menünün fixed konumunu bozduğu için kaldırıldı) */ html.sf-dark header{ background:#10182c !important; } /* Bölüm zeminleri hafif saydam — degrade hissedilsin */ html.sf-dark .features-wrapper, html.sf-dark .faq-wrapper, html.sf-dark .client-section{ background:rgba(255,255,255,.02); } html.sf-dark .features-wrapper.bg-white, html.sf-dark .bg-white{ background:rgba(255,255,255,.03) !important; } /* Kartlar: cam (glassmorphism) görünümü */ html.sf-dark .pack-item, html.sf-dark .feature-item, html.sf-dark .f-item, html.sf-dark .domain-search-box, html.sf-dark .page-content-box, html.sf-dark .grid-item, html.sf-dark .faq-wrapper .faq-item .faq-head, html.sf-dark .faq-wrapper .faq-item .faq-body{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); box-shadow:0 8px 32px rgba(0,0,0,.35); } html.sf-dark .faq-wrapper .faq-item .faq-head.opened{ background:linear-gradient(135deg,#045de9,#1d66ff); border-color:transparent; } /* Kart hover: yükselme + mavi ışıklı çerçeve */ html.sf-dark .pack-item, html.sf-dark .feature-item, html.sf-dark .f-item{ transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease; } html.sf-dark .pack-item:hover, html.sf-dark .feature-item:hover, html.sf-dark .f-item:hover{ transform:translateY(-4px); background:rgba(255,255,255,.06); border-color:rgba(29,102,255,.5); box-shadow:0 16px 42px rgba(0,0,0,.5), 0 0 0 1px rgba(29,102,255,.25), 0 0 30px rgba(29,102,255,.12); } /* Ana butonlar: marka degradesi + ışıma */ html.sf-dark .main-btn{ background:linear-gradient(135deg,#045de9,#1d66ff); box-shadow:0 4px 18px rgba(29,102,255,.35); border:none; } html.sf-dark .main-btn:hover{ background:linear-gradient(135deg,#1d66ff,#09c6f9); color:#fff; border:none; box-shadow:0 6px 26px rgba(29,102,255,.55); } html.sf-dark .main-btn.border-btn{ background:transparent; border:1px solid rgba(109,154,255,.5); box-shadow:none; } html.sf-dark .main-btn.border-btn:hover{ background:linear-gradient(135deg,#045de9,#1d66ff); border-color:transparent; box-shadow:0 6px 26px rgba(29,102,255,.45); } /* Hero başlığı: beyazdan maviye degrade metin */ html.sf-dark .welcome-hero-wrapper .container .hero-item .hero-content h2{ background:linear-gradient(90deg,#ffffff 30%,#8ab4ff); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#fff; } /* Bölüm rozetleri: degrade çipler */ html.sf-dark .section-title span{ background:linear-gradient(135deg,rgba(4,93,233,.28),rgba(9,198,249,.16)); color:#8ab4ff; border:1px solid rgba(109,154,255,.28); } /* Koyu temada kaydırma çubuğu */ html.sf-dark ::-webkit-scrollbar{ width:10px; height:10px; } html.sf-dark ::-webkit-scrollbar-track{ background:#0a0f1e; } html.sf-dark ::-webkit-scrollbar-thumb{ background:#22304f; border-radius:8px; } html.sf-dark ::-webkit-scrollbar-thumb:hover{ background:#2d3f66; } /* Metin seçim rengi */ html.sf-dark ::selection{ background:rgba(29,102,255,.5); color:#fff; } /* Mega menü konumu: üstteki sabit duyuru bandı (32px) hesaba katılır */ header .container nav>ul>li .mega-menu{ top:144px !important; } header.sticky .container nav>ul>li .mega-menu{ top:74px !important; } /* === SAYFA GENELI WIDGET STILLERI (anasayfa ile ayni) === */ /* Bootstrap .bg-white gece modunda koyu kalsın ("Hizmetlerimiz ve Avantajlarımız" bölümü) */ html.sf-dark .bg-white{ background-color:#111a30 !important; } /* Yüzen tema butonu — modern, marka degradeli (dark.css eski sürüm olsa bile çalışır) */ .sf-theme-fab{ position:fixed; right:24px; bottom:110px; z-index:99998; width:56px; height:56px; font-size:22px; background:linear-gradient(135deg,#045de9 0%,#09c6f9 100%); color:#ffffff; border:none; border-radius:50%; box-shadow:0 6px 20px rgba(4,93,233,.45), 0 2px 6px rgba(0,0,0,.2); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:transform .25s ease, box-shadow .25s ease, background .3s ease; } .sf-theme-fab:hover{ transform:translateY(-3px) scale(1.06); box-shadow:0 10px 28px rgba(4,93,233,.55), 0 4px 10px rgba(0,0,0,.25); } html.sf-dark .sf-theme-fab{ background:linear-gradient(135deg,#1b2440 0%,#0e1424 100%); color:#ffd75e; border:1px solid rgba(109,154,255,.35); box-shadow:0 6px 22px rgba(0,0,0,.6), 0 0 0 4px rgba(29,102,255,.15); } html.sf-dark .sf-theme-fab:hover{ box-shadow:0 10px 30px rgba(0,0,0,.7), 0 0 0 6px rgba(29,102,255,.25); } /* Tıklayınca ikon dönerek değişir */ @keyframes sfSpin{ from{ transform:rotate(-180deg) scale(.5); opacity:.3; } to{ transform:rotate(0) scale(1); opacity:1; } } .sf-theme-btn.sf-anim i, .sf-theme-btn.sf-anim svg{ animation:sfSpin .45s ease; } @media only screen and (max-width:768px){ .sf-theme-fab{ bottom:170px; right:16px; width:50px; height:50px; font-size:20px; } } /* ============================================================ MODERN KATMAN v3 — cam efektli kartlar, degrade zemin, ışımalar ============================================================ */ /* Sayfa zemini: düz renk yerine derin degrade + mavi ışık huzmeleri */ html.sf-dark body{ background: radial-gradient(900px 520px at 85% -10%, rgba(29,102,255,.14), transparent 60%), radial-gradient(760px 420px at -10% 35%, rgba(9,198,249,.08), transparent 60%), radial-gradient(800px 500px at 50% 110%, rgba(4,93,233,.10), transparent 60%), #0a0f1e !important; background-attachment: fixed; } /* Header: koyu zemin (blur mega menünün fixed konumunu bozduğu için kaldırıldı) */ html.sf-dark header{ background:#10182c !important; } /* Bölüm zeminleri hafif saydam — degrade hissedilsin */ html.sf-dark .features-wrapper, html.sf-dark .faq-wrapper, html.sf-dark .client-section{ background:rgba(255,255,255,.02); } html.sf-dark .features-wrapper.bg-white, html.sf-dark .bg-white{ background:rgba(255,255,255,.03) !important; } /* Kartlar: cam (glassmorphism) görünümü */ html.sf-dark .pack-item, html.sf-dark .feature-item, html.sf-dark .f-item, html.sf-dark .domain-search-box, html.sf-dark .page-content-box, html.sf-dark .grid-item, html.sf-dark .faq-wrapper .faq-item .faq-head, html.sf-dark .faq-wrapper .faq-item .faq-body{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); box-shadow:0 8px 32px rgba(0,0,0,.35); } html.sf-dark .faq-wrapper .faq-item .faq-head.opened{ background:linear-gradient(135deg,#045de9,#1d66ff); border-color:transparent; } /* Kart hover: yükselme + mavi ışıklı çerçeve */ html.sf-dark .pack-item, html.sf-dark .feature-item, html.sf-dark .f-item{ transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease; } html.sf-dark .pack-item:hover, html.sf-dark .feature-item:hover, html.sf-dark .f-item:hover{ transform:translateY(-4px); background:rgba(255,255,255,.06); border-color:rgba(29,102,255,.5); box-shadow:0 16px 42px rgba(0,0,0,.5), 0 0 0 1px rgba(29,102,255,.25), 0 0 30px rgba(29,102,255,.12); } /* Ana butonlar: marka degradesi + ışıma */ html.sf-dark .main-btn{ background:linear-gradient(135deg,#045de9,#1d66ff); box-shadow:0 4px 18px rgba(29,102,255,.35); border:none; } html.sf-dark .main-btn:hover{ background:linear-gradient(135deg,#1d66ff,#09c6f9); color:#fff; border:none; box-shadow:0 6px 26px rgba(29,102,255,.55); } html.sf-dark .main-btn.border-btn{ background:transparent; border:1px solid rgba(109,154,255,.5); box-shadow:none; } html.sf-dark .main-btn.border-btn:hover{ background:linear-gradient(135deg,#045de9,#1d66ff); border-color:transparent; box-shadow:0 6px 26px rgba(29,102,255,.45); } /* Hero başlığı: beyazdan maviye degrade metin */ html.sf-dark .welcome-hero-wrapper .container .hero-item .hero-content h2{ background:linear-gradient(90deg,#ffffff 30%,#8ab4ff); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#fff; } /* Bölüm rozetleri: degrade çipler */ html.sf-dark .section-title span{ background:linear-gradient(135deg,rgba(4,93,233,.28),rgba(9,198,249,.16)); color:#8ab4ff; border:1px solid rgba(109,154,255,.28); } /* Koyu temada kaydırma çubuğu */ html.sf-dark ::-webkit-scrollbar{ width:10px; height:10px; } html.sf-dark ::-webkit-scrollbar-track{ background:#0a0f1e; } html.sf-dark ::-webkit-scrollbar-thumb{ background:#22304f; border-radius:8px; } html.sf-dark ::-webkit-scrollbar-thumb:hover{ background:#2d3f66; } /* Dil (TR/EN) anahtari */ .sf-lang-switch{ display:inline-flex; align-items:center; vertical-align:middle; border:1px solid rgba(120,125,167,.35); border-radius:19px; overflow:hidden; margin-right:10px; height:34px; } .sf-lang-opt{ border:none; background:transparent; cursor:pointer; padding:0 12px; height:100%; font-size:12px; font-weight:700; letter-spacing:.5px; color:#787da7; transition:background .2s ease, color .2s ease; } .sf-lang-opt.active{ background:linear-gradient(135deg,#045de9,#1d66ff); color:#fff; } .sf-lang-opt:not(.active):hover{ color:#1d66ff; } html.sf-dark .sf-lang-switch{ border-color:rgba(120,135,190,.4); } html.sf-dark .sf-lang-opt{ color:#9aa3c7; } html.sf-dark .sf-lang-opt.active{ color:#fff; } html.sf-dark .sf-lang-opt:not(.active):hover{ color:#6d9aff; } /* Para birimi anahtari */ .sf-cur-opt{ border:none; background:transparent; cursor:pointer; padding:0 10px; height:100%; font-size:13px; font-weight:700; color:#787da7; transition:background .2s ease, color .2s ease; } .sf-cur-opt.active{ background:linear-gradient(135deg,#045de9,#1d66ff); color:#fff; } .sf-cur-opt:not(.active):hover{ color:#1d66ff; } html.sf-dark .sf-cur-opt{ color:#9aa3c7; } html.sf-dark .sf-cur-opt.active{ color:#fff; } html.sf-dark .sf-cur-opt:not(.active):hover{ color:#6d9aff; } /* Üst bardaki anahtarlar: boyut ve hizalama */ .top-bar .top-right{ display:flex; align-items:center; gap:5px; } .top-bar .sf-lang-switch{ height:30px; margin-right:7px; } .top-bar .sf-lang-opt, .top-bar .sf-cur-opt{ padding:0 11px; font-size:12px; } .top-bar .sf-cur-opt{ font-size:14px; font-weight:800; color:#4a547a; } html.sf-dark .top-bar .sf-cur-opt{ color:#c7d0e6; } .top-bar .sf-cur-opt.active, html.sf-dark .top-bar .sf-cur-opt.active{ color:#fff; } .top-bar .sf-theme-btn{ width:32px; height:32px; font-size:14px; margin-right:7px; } /* Yüzen para birimi kutusu (tema butonunun üstünde) — modern */ .sf-float-controls{ position:fixed; right:33px; bottom:180px; z-index:99998; display:flex; flex-direction:column; align-items:center; gap:8px; } .sf-float-controls .sf-cur-switch{ margin:0; width:38px; height:auto; border:none; border-radius:22px; padding:4px; gap:3px; display:inline-flex; flex-direction:column; align-items:center; background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 8px 24px rgba(0,0,0,.22), 0 0 0 1px rgba(120,125,167,.16); transition:box-shadow .25s ease, background-color .25s ease; } .sf-float-controls .sf-cur-switch:hover{ box-shadow:0 12px 30px rgba(0,0,0,.28), 0 0 0 1px rgba(29,102,255,.3); } .sf-float-controls .sf-cur-opt{ width:30px; height:30px; border-radius:50%; padding:0; font-size:15px; font-weight:800; color:#3d4668; display:flex; align-items:center; justify-content:center; transition:background .25s ease, color .25s ease, transform .2s ease, box-shadow .25s ease; } .sf-float-controls .sf-cur-opt:not(.active):hover{ transform:scale(1.12); } .sf-float-controls .sf-cur-opt.active{ background:linear-gradient(135deg,#045de9,#09c6f9); color:#fff; box-shadow:0 4px 12px rgba(4,93,233,.5); } html.sf-dark .sf-float-controls .sf-cur-opt{ color:#c7d0e6; } html.sf-dark .sf-float-controls .sf-cur-switch{ background:rgba(19,28,51,.92); box-shadow:0 8px 26px rgba(0,0,0,.6), 0 0 0 1px rgba(109,154,255,.28); } html.sf-dark .sf-float-controls .sf-cur-switch:hover{ box-shadow:0 12px 32px rgba(0,0,0,.7), 0 0 0 1px rgba(109,154,255,.45); } @media only screen and (max-width:768px){ .sf-float-controls{ right:24px; bottom:228px; } .sf-float-controls .sf-cur-switch{ width:34px; } .sf-float-controls .sf-cur-opt{ width:26px; height:26px; font-size:13px; } } /* Stokta olmayan hizmetler */ .sf-strike{ text-decoration:line-through; opacity:.7; } .sf-outofstock{ cursor:not-allowed !important; } .sf-stok{ display:inline-block; margin-left:6px; padding:2px 8px; border-radius:10px; font-size:10px; font-weight:700; letter-spacing:.5px; background:rgba(249,35,35,.14); color:#f92323; vertical-align:middle; text-decoration:none; } /* Menü sıkışmasını önle: linkler tek satır, daha kompakt boşluk */ header .container nav>ul>li>a{ padding:0 10px !important; white-space:nowrap; } header .container .header-buttons a{ white-space:nowrap; } .sf-stok{ font-size:9px; padding:1px 6px; margin-left:4px; } /* Mega menü konumu: üstteki sabit duyuru bandı (32px) hesaba katılır */ header .container nav>ul>li .mega-menu{ top:144px !important; } header.sticky .container nav>ul>li .mega-menu{ top:74px !important; } /* Sistem durumu (üst bar) */ .sf-status{ display:inline-flex; align-items:center; gap:7px; color:#2ecc71 !important; font-weight:600; white-space:nowrap; } .sf-status-dot{ width:8px; height:8px; border-radius:50%; background:#2ecc71; flex-shrink:0; animation:sfPulse 2s infinite; } @keyframes sfPulse{ 0%{ box-shadow:0 0 0 0 rgba(46,204,113,.55); } 70%{ box-shadow:0 0 0 7px rgba(46,204,113,0); } 100%{ box-shadow:0 0 0 0 rgba(46,204,113,0); } } .top-bar .top-left{ display:flex; align-items:center; gap:0; } .top-bar .top-left a{ white-space:nowrap; } /* nokta ayırıcılar yerine dikey çizgiler */ .top-bar .top-left a::after{ display:none !important; } .sf-netstatus, .top-bar .top-left a[href^="tel:"]{ margin-left:16px; padding-left:16px; border-left:1px solid rgba(120,125,167,.35); } @media only screen and (min-width:769px) and (max-width:1250px){ .sf-netstatus{ display:none; } } /* Metin seçim rengi */ html.sf-dark ::selection{ background:rgba(29,102,255,.5); color:#fff; } /* Mega menü: dengeli, eşit yükseklikte kartlar; 5 öğe tek satıra sığar */ .mega-menu .row{ display:flex; flex-wrap:wrap; align-items:stretch; } .mega-menu .row > [class*="col-"]{ display:flex; } .mega-menu .row > [class*="col-"] > a{ width:100%; } .mega-menu .row:has(> div:nth-child(5):last-child){ flex-wrap:nowrap; } .mega-menu .row:has(> div:nth-child(5):last-child) > [class*="col-"]{ flex:1 1 0; max-width:none; } .mega-menu a{ border:1px solid rgba(120,125,167,.14); } .mega-menu a:hover{ border-color:transparent; } html.sf-dark .mega-menu a{ border:1px solid rgba(120,135,190,.14); } html.sf-dark .mega-menu a:hover{ border-color:transparent; }