/* Download button specific styles */
.download-btn {
    background-color: #10b981; /* Green color for downloads */
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.download-btn:hover {
    background-color: #0da271;
    padding-right: 2.8rem; /* Make space for icon */
}

.download-btn::after {
    content: '\f019'; /* Font Awesome download icon code */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    right: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.4s ease;
}

.download-btn:hover::after {
    right: 1rem;
    opacity: 1;
}

/* Download progress indicator */
.download-progress {
    height: 4px;
    background-color: #e2e8f0;
    border-radius: 2px;
    margin-top: 0.8rem;
    overflow: hidden;
    display: none;
}

.download-progress-bar {
    height: 100%;
    background: linear-gradient(to right, #2a5298, #10b981);
    width: 0%;
    transition: width 0.5s ease;
}

/* Downloaded state */
.downloaded .download-btn {
    background-color: #6b7280;
    cursor: default;
}

.downloaded .download-btn:hover {
    background-color: #6b7280;
    padding-right: 1.5rem;
}

.downloaded .download-btn::after {
    content: '\f00c'; /* Checkmark icon */
    right: 1rem;
    opacity: 1;
}

/* File type icon colors */
.fa-file-pdf {
    color: #e53e3e; /* PDF red */
}

.fa-file-word {
    color: #2b579a; /* Word blue */
}

.fa-image {
    color: #ed8936; /* Image orange */
}

.fa-file-excel {
    color: #217346; /* Excel green */
}

.fa-file-archive {
    color: #9f7aea; /* Archive purple */
}