/**
 * User Documents — Frontend Styles (My Account)
 *
 * @package UserDocuments
 */

/* ── Documents Table ─────────────────────────── */

.ud-myaccount-documents {
    margin-top: 0;
}

.ud-documents-table-frontend {
    font-size: 14px;
}

.ud-documents-table-frontend thead th {
    font-weight: 600;
    text-transform: none;
    font-size: 13px;
}

.ud-th-icon {
    width: 40px !important;
    text-align: center !important;
}

.ud-td-icon {
    text-align: center;
}

/* ── File Type Icons ─────────────────────────── */

.ud-file-type-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ud-icon-pdf {
    background-color: #e74c3c;
}
.ud-icon-pdf::after {
    content: 'PDF';
}

.ud-icon-doc {
    background-color: #2b579a;
}
.ud-icon-doc::after {
    content: 'DOC';
}

.ud-icon-xls {
    background-color: #217346;
}
.ud-icon-xls::after {
    content: 'XLS';
}

.ud-icon-img {
    background-color: #8e44ad;
}
.ud-icon-img::after {
    content: 'IMG';
}

.ud-icon-file {
    background-color: #95a5a6;
}
.ud-icon-file::after {
    content: 'FILE';
    font-size: 8px;
}

/* ── Download Button ─────────────────────────── */

.ud-download-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 2px;
    white-space: nowrap;
}

.ud-download-btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

/* ── Empty State ─────────────────────────────── */

.ud-myaccount-documents .woocommerce-info {
    display: flex;
    align-items: center;
}

.ud-myaccount-documents .woocommerce-info .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

/* ── Responsive ──────────────────────────────── */

@media screen and (max-width: 768px) {
    .ud-documents-table-frontend .ud-th-icon,
    .ud-documents-table-frontend .ud-td-icon {
        display: none;
    }

    .ud-documents-table-frontend .ud-th-description,
    .ud-documents-table-frontend .ud-td-description {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .ud-documents-table-frontend .ud-th-size,
    .ud-documents-table-frontend .ud-td-size {
        display: none;
    }
}