/* Kart ve Geçiş Efektleri */
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 1rem 3rem rgba(0,0,0,.12) !important; }

/* Kartın genel geçişi ve gölgesi */
.hover-shadow {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* Kartın üzerine gelince yükselme efekti */
.hover-shadow:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}
/* Resim konteyneri ve taşmaları engelleme */
.card .overflow-hidden {
    display: block;
    overflow: hidden;
}
/* Resmin zoom efekti */
.card img.card-img-top {
    transition: transform 0.6s ease;
}
.card:hover img.card-img-top {
    transform: scale(1.1); 
}
/* Yumuşak geçişler için */
.transition {
    transition: 0.3s all ease;
}

.transition-btn { transition: all 0.3s ease; }
.transition-btn:hover { transform: translateY(-2px); filter: brightness(1.1); }
.xsmall { font-size: 0.75rem; }

/* Modern Footer Temelleri */
.footer {
    background-color: #0f1113 !important;
    font-family: 'Inter', sans-serif;
}
.footer-title {
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
}
.line-height-lg { line-height: 1.8; }

/* Araç Linkleri */
.tool-link {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 10px;
    color: #888;
    transition: all 0.3s ease;
    text-decoration: none;
}
.tool-link:hover {
    background: #0d6efd;
    color: #fff;
    transform: translateY(-3px);
}

/* Footer Post Stilleri */
.f-post-title {
    color: #ced4da;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    display: block;
    transition: color 0.3s ease;
    margin-bottom: 4px;
}
.f-post-title:hover { color: #0d6efd; }
.f-post-date { font-size: 0.75rem; color: #6c757d; }

/* Sosyal Medya Butonları */
.social-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.05);
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.social-btn:hover { transform: scale(1.15); color: #fff; }
.social-btn.fb:hover { background: #3b5998; }
.social-btn.ig:hover { background: #e1306c; }
.social-btn.tw:hover { background: #1da1f2; }
.social-btn.yt:hover { background: #ff0000; }
.social-btn.in:hover { background: #0077b5; }

/* Login/Register Özel Stilleri */
.bg-primary-soft { background-color: rgba(13, 110, 253, 0.1); }
.bg-success-soft { background-color: rgba(25, 135, 84, 0.1); }
.shadow-primary { box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3); }

/* Form Floating İkon Desteği */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    color: #0d6efd;
}

@media (min-width: 768px) {
    .border-start-md { border-left: 1px solid #f0f0f0 !important; }
}

/* Captcha Mobilde Taşmasın */
@media (max-width: 400px) {
    .g-recaptcha { transform: scale(0.77); transform-origin: 0 0; }
}

/* Kategori Sayfasına Özel Stil Tamamlayıcıları */
.pagination .page-link { color: #495057; transition: all 0.3s ease; }
.pagination .page-item.active .page-link { background-color: #0d6efd; color: #fff; }
.shadow-primary { box-shadow: 0 4px 12px rgba(13, 110, 253, 0.25) !important; }
.object-fit-cover { object-fit: cover; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.btn-link:hover { text-decoration: underline !important; }

/* Blog Sayfasına Özel CSS */
.bg-primary-soft {
    background-color: rgba(13, 110, 253, 0.1);
}
.pagination .page-link {
    color: #495057;
    transition: all 0.3s ease;
}
.pagination .page-item.active .page-link {
    background-color: #0d6efd;
    color: #fff;
}
.shadow-primary {
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3) !important;
}
.object-fit-cover {
    object-fit: cover;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* Alt Bilgi Alanı */
.copyright { font-size: 0.85rem; color: #6c757d; }
.dev-signature { text-decoration: none; color: #6c757d; font-size: 0.8rem; transition: 0.3s; }
.dev-signature:hover { color: #0d6efd; }
.v-tag { background: rgba(13, 110, 253, 0.1); color: #0d6efd; padding: 2px 6px; border-radius: 4px; font-weight: 600; font-size: 0.7rem; margin-left: 5px; }
.dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; box-shadow: 0 0 8px #198754; }

/* SPAM KORUMASI İÇİN KRİTİK CSS */
.email-protector {
    unicode-bidi: bidi-override;
    direction: rtl; /* Yazıyı tersten düzeltir */
    text-align: left;
    display: inline-block;
}

    /* İçerik içindeki resimlerin dışarı taşmasını engeller */
    .post-content img {
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* Paylaşım butonlarını güzelleştirir */
    .jssocials-share-link { border-radius: 8px; font-weight: 600; }

/* Responsive Düzenlemeler */
@media (max-width: 991px) {
    .text-lg-end { text-align: left !important; }
    .justify-content-lg-end { justify-content: flex-start !important; }
}

/* İletişim Sayfası Özel Stilleri */
.contact-social-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
    border-radius: 16px;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: #f8f9fa;
    color: #495057;
    border: 1px solid rgba(0,0,0,0.03);
    height: 100%;
    text-align: center;
}

.contact-social-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    color: #fff;
}

/* Sosyal Renkler */
.contact-social-card.mail:hover { background: #0d6efd; }
.contact-social-card.fb:hover { background: #3b5998; }
.contact-social-card.ig:hover { background: #e1306c; }
.contact-social-card.tw:hover { background: #1da1f2; }
.contact-social-card.yt:hover { background: #ff0000; }
.contact-social-card.in:hover { background: #0077b5; }

/* Form Focus Efektleri */
.form-control:focus {
    background: #fff !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
    border: 1px solid #0d6efd !important;
}

.alert { animation: fadeIn 0.5s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

        /* Kayan Yazı Konteynırı */
        .premium-ticker {
            display: flex;
            width: 100%;
        }

        .ticker-content {
            display: flex;
            white-space: nowrap;
            animation: tickerSlide 10s linear infinite; /* Hızı buradan ayarlayabilirsin */
        }

        /* Üzerine gelince durması için */
        .ticker-content:hover {
            animation-play-state: paused;
        }

        .ticker-item {
            display: inline-flex;
            align-items: center;
            padding: 0 40px; /* Haberler arası mesafe */
        }

        .news-link {
            color: #2d3436;
            text-decoration: none;
            font-size: 0.88rem;
            font-weight: 600;
            transition: color 0.3s ease;
        }

        .news-link:hover {
            color: #dc3545;
        }

        .news-category {
            color: #dc3545;
            margin-right: 5px;
            font-weight: 800;
            opacity: 0.6;
        }

        /* Sabit Kırmızı Nokta Animasyonu */
        .news-dot {
            width: 8px;
            height: 8px;
            background-color: #fff;
            border-radius: 50%;
            display: inline-block;
            animation: pulse 1.5s infinite;
        }

        /* Sonsuz Kayma Animasyonu */
        @keyframes tickerSlide {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); } /* İçerik 2 katı olduğu için tam ortada başa döner */
        }

        @keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
        }
        

    /* Sosyal kartları biraz daha vurgula */
    .contact-social-card { 
        border: 1px solid #eee; 
        background: #ffffff; 
    }
      

    /* Senin CSS kodların buraya gelecek (değişiklik yok) */
    .contact-social-card { transition: all 0.3s ease; border-radius: 15px; padding: 20px; display: flex; flex-direction: column; align-items: center; text-decoration: none; border: 0; background: #f8f9fa; margin-bottom: 10px; }
    .contact-social-card:hover { transform: translateY(-5px); background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
    .contact-social-card i { font-size: 1.5rem; margin-bottom: 8px; }
    .mail { color: #ea4335; } .fb { color: #1877f2; } .ig { color: #e4405f; } .tw { color: #1da1f2; } .yt { color: #ff0000; } .in { color: #0077b5; }
    .kvkk-box { background-color: #fff; border: 1px dashed #dee2e6; border-radius: 1rem; }
    .kvkk-label { font-size: 0.85rem; color: #6c757d; cursor: pointer; }
    .form-control-contact { background-color: #f8f9fa; border: 2px solid #f8f9fa; transition: all 0.2s; }
    .form-control-contact:focus { background-color: #fff; border-color: #e9ecef; box-shadow: none; }

    .gallery-card { transition: all 0.3s ease; cursor: zoom-in; border: 1px solid #eee !important; }
    .gallery-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }
    .gallery-card:hover img { transform: scale(1.1); }
    .gallery-overlay { 
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
        background: rgba(13, 110, 253, 0.6); opacity: 0; transition: 0.3s; 
    }
    .gallery-card:hover .gallery-overlay { opacity: 1; }
    .custom-gallery-pills .nav-link { color: #6c757d; background: #fff; transition: 0.3s; border: 1px solid #dee2e6 !important; margin-bottom: 5px; }
    .custom-gallery-pills .nav-link.active { background: #0d6efd !important; color: #fff !important; border-color: #0d6efd !important; }
    .transition-all { transition: all 0.5s ease; }
    .object-fit-cover { object-fit: cover; }    

    .empty-icon-circle {
        width: 100px; height: 100px;
        background: #f8f9fa; border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        margin-bottom: 20px; border: 2px dashed #dee2e6;
    }
    .gallery-card { cursor: pointer; transition: all 0.3s ease; border-radius: 15px !important; }
    .gallery-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important; }
    .object-fit-cover { object-fit: cover; }
    .gallery-overlay {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(13, 110, 253, 0.7); opacity: 0; transition: all 0.3s ease;
    }
    .gallery-card:hover .gallery-overlay { opacity: 1; }
    .gallery-card:hover img { transform: scale(1.1); }
    .custom-gallery-pills .nav-link { 
        color: #6c757d; font-weight: 600; border: 1px solid #eee; background: white;
    }
    .custom-gallery-pills .nav-link.active { 
        background-color: #0d6efd !important; color: white !important; border-color: #0d6efd;
    }        
    
  
    .gallery-card { transition: all 0.3s ease; }
    .gallery-card:hover { transform: translateY(-5px); }
    .gallery-overlay {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(13, 110, 253, 0.6);
        display: flex; align-items: center; justify-content: center;
        opacity: 0; transition: all 0.3s ease;
    }
    .gallery-card:hover .gallery-overlay { opacity: 1; }
    .gallery-img { transition: all 0.5s ease; }
    .gallery-card:hover .gallery-img { transform: scale(1.1); }
    .custom-gallery-pills .nav-link { color: #6c757d; background: #fff; border: 1px solid #eee; }
    .custom-gallery-pills .nav-link.active { background: #0d6efd !important; color: #fff; border-color: #0d6efd; }

    /* Tasarımını koruyoruz: Kartın küçülerek ve bulanıklaşarak yok olma efekti */
    /* Kart Efektleri */
    .card-exit {
        transform: scale(0.3) translateY(-20px);
        opacity: 0;
        filter: blur(10px);
        transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
    }
    .btn-pop { animation: btnPop 0.3s ease-out; }
    @keyframes btnPop {
        0% { transform: scale(1); }
        50% { transform: scale(1.2); }
        100% { transform: scale(1); }
    }
    .fav-card { transition: transform 0.3s ease; }
    .img-link-hover { display: block; overflow: hidden; }
    .img-link-hover img { transition: transform 0.5s ease; }
    .img-link-hover:hover img { transform: scale(1.08); }
    
    .hover-shadow-lg:hover {
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
        transform: translateY(-5px);
    }
    
    .post-card { transition: transform 0.3s ease; }
    .img-link-hover { display: block; overflow: hidden; }
    .img-link-hover img { transition: transform 0.5s ease; }
    .img-link-hover:hover img { transform: scale(1.1); }
    
    .hover-shadow-lg:hover {
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
        transform: translateY(-5px);
    }
    
    
    
    .comment-card {
        transition: all 0.3s ease;
        border: 1px solid rgba(0,0,0,0.05);
    }
    .comment-card:hover {
        transform: translateX(5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important;
    }
    .status-indicator {
        width: 6px;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .comment-text-box {
        background: #f8f9fa;
        border-left: 3px solid #dee2e6;
        font-style: italic;
        color: #4a5568;
        position: relative;
    }
    .comment-text-box::before {
        content: "\f10d";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 15px;
        top: 10px;
        opacity: 0.1;
        font-size: 1.5rem;
    }
    .badge-soft {
        font-weight: 600;
        letter-spacing: 0.3px;
    }

    .action-btn { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; }
    .action-btn:active { transform: scale(0.9); }
    .btn-pop { animation: heartPop 0.4s ease-out; }
    @keyframes heartPop {
        0% { transform: scale(1); }
        50% { transform: scale(1.4); }
        100% { transform: scale(1); }
    }
    .comment-alert { animation: slideDown 0.5s ease-out; }
    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .post-content img { max-width: 100%; height: auto; border-radius: 15px; } /* İçerikteki resimler taşmasın */
        
        
    /* Tasarımını koruyoruz: Kartın küçülerek ve bulanıklaşarak yok olma efekti */
    /* Galeri Kart Efektleri */    
        
    :root { --m-radius: 28px; --m-accent: #007aff; }
    body { background-color: #fcfcfd; }

    .modern-gallery-item { cursor: pointer; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .modern-card { background: #fff; border-radius: var(--m-radius); padding: 10px; overflow: hidden; transition: all 0.4s ease; border: 1px solid rgba(0,0,0,0.03); }
    .modern-img-wrapper { position: relative; width: 100%; padding-bottom: 100%; border-radius: calc(var(--m-radius) - 8px); overflow: hidden; background: #f0f0f0; }
    .modern-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }
    
    .modern-gallery-item:hover { transform: translateY(-12px); }
    .modern-gallery-item:hover .modern-card { box-shadow: 0 40px 80px rgba(0,0,0,0.1) !important; border-color: transparent; }
    .modern-gallery-item:hover .modern-img { transform: scale(1.15); }
    
    .modern-badge {
        position: absolute; top: 12px; left: 12px;
        background: rgba(255,255,255,0.85); backdrop-filter: blur(10px);
        padding: 5px 14px; border-radius: 100px;
        font-size: 0.7rem; font-weight: 700; color: #000; z-index: 2;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

    .modern-title { font-weight: 700; color: #1d1d1f; margin: 0; font-size: 1rem; letter-spacing: -0.3px; }
    .modern-subtitle { font-size: 0.8rem; color: #86868b; margin-top: 4px; }

    .modern-filter-btn {
        border: none; background: transparent; padding: 12px 24px; border-radius: 100px;
        font-weight: 600; font-size: 0.9rem; color: #6e6e73; transition: 0.3s;
    }
    .modern-filter-btn.active { background: #000; color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.15); }

    /* Floating Animation for FontAwesome Icon */
    .empty-state-icon i { display: inline-block; animation: float 3s ease-in-out infinite; }
    @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } }
    
    
    
    /* Search Tasarım İyileştirmeleri */
    .search-header {
        background: linear-gradient(135deg, #4f46e5, #3b82f6);
        color: #fff;
    }
    .search-header .text-muted { color: rgba(255,255,255,0.8) !important; }
    
    .search-card {
        background: #fff;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: 1px solid #f1f1f1;
    }
    .search-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
    }
    
    .search-img { height: 200px; object-fit: cover; width: 100%; }
    .no-image {
        height: 200px; display:flex; align-items:center; justify-content:center;
        background:#f3f4f6; font-size:30px; color:#ccc; border-radius:10px;
    }
    
    .pagination-modern a {
        display:inline-block; padding:8px 16px; margin:4px; border-radius:10px;
        background:#f1f5f9; color:#333; text-decoration:none; transition:0.3s;
    }
    .pagination-modern a:hover, .pagination-modern a.active {
        background:#4f46e5; color:#fff;
    }
    
    mark { background: #fde68a; padding: 0 3px; border-radius: 4px; color: #000; }