/**
 * Mobile Resume Page Optimizations
 * Specific optimizations for mobile devices on resume page
 */

/* Mobile-first approach */
@media (max-width: 768px) {
    /* Resume Gallery - Single column on mobile */
    .resume-gallery {
        grid-template-columns: 1fr !important; gap: 1.5rem; padding: 0 10px; }

    /* Resume Cards - Optimized for mobile */
    .resume-card {
        min-height: auto; margin-bottom: 1rem; }

    .resume-card-header {
        flex-direction: column; align-items: flex-start; }

    .resume-card-header i {
        font-size: 1.5rem; }

    .resume-card-content p {
        line-height: 1.5; }

    .resume-tag {
        width: 100%; text-align: center; }

    .resume-card-actions .btn {
        justify-content: center; }

    /* Resume Preview - Full width on mobile */
    .resume-preview-container {
        margin-top: 2rem; border-radius: 8px; }

    .resume-preview {
        height: 60vh !important; }

    /* Main content - Adjust padding for mobile */
    main {
        padding-top: 70px; }
}

/* Touch-friendly buttons on mobile */
@media (hover: none) and (pointer: coarse) {
    .btn {
        min-width: 44px; }
}

/* Prevent horizontal scroll on mobile */
@media (max-width: 768px) {
    body {
        overflow-x: hidden; }
}

/* Optimize PDF rendering on mobile */
@media (max-width: 768px) {
    #resume-iframe,
    #resume-embed {
        -webkit-overflow-scrolling: touch; overflow: auto; }
}