/* Achievements Page Specific Styles */

/* Achievement Card Styles */
.achievement-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Açıklama metni için 3 satır sınırlaması */
.achievement-card .line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 4.5em;
}

.achievement-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.achievement-icon {
    transition: all 0.3s ease;
}

.achievement-card:hover .achievement-icon {
    transform: scale(1.1);
}

.achievement-image {
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.achievement-image:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Stats Card Styles */
.stats-card {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    color: white;
    transition: all 0.3s ease;
}

.stats-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(220, 38, 38, 0.3);
}

/* Progress Bar Styles */
.progress-container {
    background: #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.progress-bar {
    background: linear-gradient(90deg, #dc2626, #ef4444);
    transition: width 0.8s ease;
    border-radius: 8px;
}

/* Counter Animation */
.counter {
    transition: all 0.3s ease;
}

.counter.animate {
    animation: countUp 1s ease-out;
}

@keyframes countUp {
    from { transform: scale(0.8); opacity: 0.5; }
    to { transform: scale(1); opacity: 1; }
}

/* Achievement Meta */
.achievement-meta {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Share Buttons */
.share-buttons {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.share-buttons:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.share-btn {
    transition: all 0.3s ease;
    cursor: pointer;
}

.share-btn:hover {
    transform: scale(1.1);
}

.share-btn.facebook:hover {
    background: #1877f2;
    color: white;
}

.share-btn.twitter:hover {
    background: #1da1f2;
    color: white;
}

.share-btn.whatsapp:hover {
    background: #25d366;
    color: white;
}

.share-btn.telegram:hover {
    background: #0088cc;
    color: white;
}

.share-btn.copy:hover {
    background: #6b7280;
    color: white;
}

/* Detail Button */
.detail-btn {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    transition: all 0.3s ease;
}

.detail-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(220, 38, 38, 0.3);
}