/**
 * Shared Styles
 * Common patterns used across multiple pages
 */

/* Pagination - Used by material bank and contacts archives */
body .material-bank-page .material-bank-pagination,
body .vsliitto-contacts-page .vsliitto-staff-section .vsliitto-contacts-results .vsliitto-contacts-pagination {
    text-align: center;
    margin: 40px 0;
    padding: 20px 0;
}

body .material-bank-page .material-bank-pagination .nav-links,
body .vsliitto-contacts-page .vsliitto-staff-section .vsliitto-contacts-results .vsliitto-contacts-pagination .nav-links {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

body .material-bank-page .material-bank-pagination .page-numbers,
body .vsliitto-contacts-page .vsliitto-staff-section .vsliitto-contacts-results .vsliitto-contacts-pagination .page-numbers {
    display: inline-block;
    padding: 6px 12px;
    background: white;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    border-radius: 3px;
    transition: all 0.2s;
    min-width: 32px;
    text-align: center;
}

body .material-bank-page .material-bank-pagination .page-numbers:hover,
body .vsliitto-contacts-page .vsliitto-staff-section .vsliitto-contacts-results .vsliitto-contacts-pagination .page-numbers:hover {
    background: #0066cc;
    color: white;
    border-color: #0066cc;
}

body .material-bank-page .material-bank-pagination .page-numbers.current,
body .vsliitto-contacts-page .vsliitto-staff-section .vsliitto-contacts-results .vsliitto-contacts-pagination .page-numbers.current {
    background: #003366;
    color: white;
    border-color: #003366;
}

/* Back-to-all link - Used by single contact and single material pages */
.vsliitto-single-contact-page .vsliitto-single-contact-footer,
.vsliitto-single-material-page .vsliitto-single-material-footer {
    text-align: right;
    margin-top: 20px;
}

.vsliitto-single-contact-page .vsliitto-single-contact-footer .vsliitto-back-to-all-link,
.vsliitto-single-material-page .vsliitto-single-material-footer .vsliitto-back-to-all-link {
    font-family: "Basier Circle", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
    color: #003366;
    text-decoration: underline;
    display: inline-block;
    transition: color 0.2s;
}

.vsliitto-single-contact-page .vsliitto-single-contact-footer .vsliitto-back-to-all-link:hover,
.vsliitto-single-material-page .vsliitto-single-material-footer .vsliitto-back-to-all-link:hover {
    color: #0066cc;
}

/* Responsive back link alignment */
@media (max-width: 768px) {
    .vsliitto-single-contact-page .vsliitto-single-contact-footer,
    .vsliitto-single-material-page .vsliitto-single-material-footer {
        text-align: left;
    }
}