/* project-detail.css - Proje Detay Sayfası Stilleri */

/* Tema Değiştirici Wrapper */
.project-detail-page .theme-switch-wrapper {
    z-index: 1050;
}

/* Navbar Tema Desteği */
.project-detail-page .navbar {
    background-color: var(--custom-card-bg);
    transition: background-color 0.3s var(--easing), color 0.3s var(--easing);
}

.project-detail-page .navbar-brand,
.project-detail-page .nav-link {
    color: var(--custom-text);
    transition: color 0.3s var(--easing);
}

.project-detail-page .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--custom-text-rgb%29, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    transition: background-image 0.3s var(--easing);
}

/* Yorum Yapılmamış Alanı */
.project-detail-page .no-comments {
    background-color: var(--custom-card-bg);
    transition: background-color 0.3s var(--easing);
}

.project-detail-page .no-comments p {
    color: var(--custom-gray);
    transition: color 0.3s var(--easing);
}

/* İlgili Proje İkon Kutusu */
.project-detail-page .related-project-icon {
    width: 50px;
    height: 50px;
    background-color: var(--custom-bg, #f8f9fa);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background-color 0.3s var(--easing);
}

/* Footer Tema Desteği */
.project-detail-page .site-footer {
    background-color: var(--footer-bg, var(--custom-dark));
    color: var(--footer-text, var(--custom-light));
    transition: background-color 0.3s var(--easing), color 0.3s var(--easing);
}

.project-detail-page .footer-link {
    color: var(--footer-link, var(--custom-light));
    text-decoration: none;
    transition: color 0.3s var(--easing);
}

.project-detail-page .footer-link:hover {
    color: var(--footer-link-hover, #fff);
    opacity: 0.8;
}

.project-detail-page .social-icon {
    color: var(--footer-social, var(--custom-light));
    transition: color 0.3s var(--easing);
}

.project-detail-page .social-icon:hover {
    color: var(--footer-social-hover, #fff);
    opacity: 0.8;
}

.project-detail-page .footer-divider {
    border-color: var(--footer-divider, rgba(255, 255, 255, 0.1));
    transition: border-color 0.3s var(--easing);
}

/* İkon Kalp Animasyonu */
.project-detail-page .icon-heart {
    font-size: 16px;
    padding: 0 3px;
    color: #d0021b;
    display: inline-block;
    animation: pound 0.35s infinite alternate;
}

@keyframes pound {
    to {
        transform: scale(1.2);
    }
}

/* Yorum Başarılı Modal İkon Alanı */
.project-detail-page .success-icon-wrapper {
    width: 80px;
    height: 80px;
    background-color: #d1e7dd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}