/* Theme Name: DarkStream
Theme URI: Sohbet Teması
Author: S4S
Author URI: #
Description: Sohbet teması
Version: 1.0 */

/*----------------------------------------------------------------




/*/* 
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    background:
    radial-gradient(circle at top left,#1f005c 0%,transparent 30%),
    radial-gradient(circle at top right,#ff0066 0%,transparent 25%),
    radial-gradient(circle at bottom left,#00c3ff 0%,transparent 25%),
    linear-gradient(135deg,#050816,#090b1a,#120b2d);
    color:#fff;
    overflow-x:hidden;
}

a{
    text-decoration:none;
}

.container-custom{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 15px;
}

/* Navbar */

.navbar{
    padding:18px 0;
    backdrop-filter:blur(10px);
}

.logo{
    font-size:2rem;
    font-weight:700;
    background:linear-gradient(90deg,#00e0ff,#ff3cac);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.nav-link{
    color:#fff !important;
    font-weight:500;
    margin-left:10px;
    transition:.3s;
}

.nav-link:hover{
    color:#00e0ff !important;
}

/* Hero */

.hero{
    margin-top:20px;
    border-radius:30px;
    padding:40px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.08);
    overflow:hidden;
    position:relative;
}

.hero::before{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:#ff00cc;
    filter:blur(150px);
    opacity:.25;
    top:-150px;
    right:-100px;
}

.hero::after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:#00d0ff;
    filter:blur(150px);
    opacity:.20;
    bottom:-150px;
    left:-100px;
}

.hero-content{
    position:relative;
    z-index:2;
}

.hero h1{
    font-size:4rem;
    font-weight:700;
    line-height:1.2;
}

.gradient-text{
    background:linear-gradient(90deg,#00e5ff,#ffcc00,#ff3cac);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hero p{
    font-size:1.1rem;
    color:#ddd;
    margin-top:15px;
}

/* Login Box */

.login-box{
    background:rgba(255,255,255,0.07);
    border-radius:25px;
    padding:30px;
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 0 25px rgba(255,0,150,.15);
}

.form-control{
    background:rgba(255,255,255,0.08);
    border:none;
    color:#fff;
    height:55px;
    border-radius:15px;
}

.form-control::placeholder{
    color:#ccc;
}

.form-control:focus{
    background:rgba(255,255,255,0.12);
    color:#fff;
    box-shadow:none;
}

.btn-sohbet{
    width:100%;
    height:55px;
    border:none;
    border-radius:15px;
    background:linear-gradient(90deg,#ff00cc,#3333ff);
    color:#fff;
    font-weight:600;
    font-size:1rem;
    transition:.3s;
}

.btn-sohbet:hover{
    transform:translateY(-3px);
}

/* Feature Boxes */

.section-title{
    text-align:center;
    margin-bottom:40px;
}

.section-title h2{
    font-weight:700;
    font-size:2.4rem;
}

.feature-box{
    background:rgba(255,255,255,0.06);
    border-radius:25px;
    padding:30px;
    text-align:center;
    height:100%;
    border:1px solid rgba(255,255,255,0.08);
    transition:.4s;
    overflow:hidden;
    position:relative;
}

.feature-box:hover{
    transform:translateY(-8px);
    box-shadow:0 0 30px rgba(0,224,255,.2);
}

.feature-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    margin:auto;
    margin-bottom:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.5rem;
    background:linear-gradient(135deg,#ff00cc,#00d4ff);
}

/* Download */

.download-card{
    border-radius:25px;
    padding:35px 20px;
    text-align:center;
    color:#fff;
    transition:.4s;
    height:100%;
}

.download-card:hover{
    transform:translateY(-8px);
}

.android{
    background:linear-gradient(135deg,#32cd32,#1c8b1c);
}

.ios{
    background:linear-gradient(135deg,#00a2ff,#005eff);
}

.mirc{
    background:linear-gradient(135deg,#8a2be2,#ff1493);
}

.webchat{
    background:linear-gradient(135deg,#ff4d6d,#ff006e);
}

.download-card i{
    font-size:4rem;
    margin-bottom:20px;
}

.download-btn{
    margin-top:20px;
    display:inline-block;
    padding:12px 28px;
    border-radius:50px;
    background:#fff;
    color:#111;
    font-weight:600;
}

/* Blog */

.blog-card{
    background:rgba(255,255,255,0.06);
    border-radius:25px;
    overflow:hidden;
    height:100%;
    border:1px solid rgba(255,255,255,0.08);
    transition:.4s;
}

.blog-card:hover{
    transform:translateY(-8px);
}

.blog-card img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.blog-content{
    padding:25px;
}

.blog-content h4{
    font-size:1.2rem;
    font-weight:600;
}

.blog-btn{
    display:inline-block;
    margin-top:15px;
    padding:10px 20px;
    border-radius:50px;
    background:linear-gradient(90deg,#00e0ff,#ff00cc);
    color:#fff;
    font-weight:600;
}

/* Footer */

.footer{
    margin-top:100px;
    position:relative;
    background:#070b18;

    padding:80px 0 30px;
    overflow:hidden;
}

.footer::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:#ff00cc;
    filter:blur(180px);
    opacity:.15;
    top:-300px;
    right:-200px;
}

.footer h4{
    margin-bottom:20px;
    font-weight:700;
}

.footer ul{
    list-style:none;
    padding:0;
}

.footer ul li{
    margin-bottom:10px;
}

.footer ul li a{
    color:#ccc;
    transition:.3s;
}

.footer ul li a:hover{
    color:#00e0ff;
}

.social-icons a{
    width:45px;
    height:45px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.08);
    color:#fff;
    margin-right:10px;
    transition:.3s;
}

.social-icons a:hover{
    background:#ff00cc;
    transform:translateY(-5px);
}

.copy{
    margin-top:50px;
    text-align:center;
    color:#aaa;
    border-top:1px solid rgba(255,255,255,0.08);
    padding-top:25px;
}

/* Responsive */

@media(max-width:992px){

    .hero h1{
        font-size:2.7rem;
        margin-top:30px;
    }

    .hero{
        padding:30px;
    }

}

@media(max-width:768px){

    .hero h1{
        font-size:2.2rem;
    }

    .section-title h2{
        font-size:2rem;
    }

    .logo{
        font-size:1.6rem;
    }

    .hero{
        border-radius:25px;
    }

}

.version-link {
    color: #555;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.version-link:hover {
    color: #007bff; /* Mavi tonu veya sitenizin ana rengi */
    transform: translateY(-2px);
}

/* Opsiyonel: Eğer buton gibi görünmesini isterseniz bunu kullanın */
.version-link.btn-style {
    background: #f8f9fa;
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid #e9ecef;
}

.blog-meta {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0; /* Altına hafif bir çizgi ekler, şık durur */
    margin-bottom: 15px !important;
}

.blog-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

/* Kategori linkleri özel renk */
.blog-meta a {
    color: #007bff;
    text-decoration: none;
}

.blog-meta a:hover {
    text-decoration: underline;
}

/* Tüm sayfa alanlarını tek bir genişlik standardına sabitleyelim */
.container-custom {
    max-width: 1320px; /* Veya temanızın istediğiniz genişliği */
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}

/* 1. Tüm sitenin yatayda taşmasını kesin olarak engeller */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}



/* 3. Uzun kelimelerin kutu dışına taşmasını engeller */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word; /* Çok uzun kelimeleri böler */
    overflow-wrap: break-word;
}

/* 4. Mobil cihazlar için özel içerik temizliği */
@media (max-width: 768px) {
    .container, .container-custom, .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Mobilde yazıların çok büyük durup taşmasını engeller */
    h1 { font-size: 1.8rem !important; }
    h2 { font-size: 1.5rem !important; }
    
    /* Yorumlar veya formdaki taşmaları engeller */
    textarea, input {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* 5. Pre tag'leri için özel taşma koruması (Kod blokları varsa) */
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
.list-unstyled li a {
    position: relative;
    z-index: 100; /* Linklerin her şeyin üzerinde olmasını sağlar */
    display: block; /* Tıklanabilir alanı genişletir */
    padding: 5px 0; /* Tıklama kolaylığı için boşluk */
}

/* Menü Listesi Düzeni */
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: 10px;
}

.footer-menu li a {
    text-decoration: none;
    color: #cbd5e0; /* Hafif gri bir ton */
    font-size: 1rem;
    display: flex;
    align-items: center;
    transition: all 0.3s ease; /* Yumuşak geçiş */
    padding: 8px 12px;
    border-radius: 8px;
}

/* Üzerine gelince şık efekt */
.footer-menu li a:hover {
    color: #ff4757;
    background: rgba(255, 71, 87, 0.1); /* Hafif pembe arka plan */
    padding-left: 20px; /* Kayma efekti */
}

/* İkonlara biraz boşluk */
.footer-menu li a i {
    margin-right: 10px;
    font-size: 1.1rem;
}

/* Menü kapsayıcısını en öne al */
.col-lg-3 {
    position: relative;
    z-index: 10;
}

/* Linklerin tıklanma alanını tam blok yap */
.footer-menu li a {
    display: block !important;
    position: relative;
    z-index: 11;
    cursor: pointer !important;
}