/**
 * Model Portfolio Album - Frontend Styles
 * Complementary styles (main styles in child theme style.css)
 */

/* Lightbox overlay fix */
.mpa-lightbox-overlay img {
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

/* Gallery link styling for lightbox */
.album-gallery .gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
}

/* AJAX loading animation for vote */
.mpa-vote-btn.loading {
    opacity: 0.6;
    pointer-events: none;
}

/* PhotoSwipe compatibility */
.album-gallery .gallery-item a[data-lightbox] {
    position: relative;
    display: block;
    overflow: hidden;
}

.album-gallery .gallery-item a[data-lightbox]::after {
    content: '\f002';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: rgba(197, 164, 126, 0.8);
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    transition: transform 0.3s ease;
    line-height: 45px;
    text-align: center;
}

.album-gallery .gallery-item:hover a[data-lightbox]::after {
    transform: translate(-50%, -50%) scale(1);
}

/* Responsive adjustments for album form */
@media (max-width: 768px) {
    .mpa-album-form {
        padding: 20px 15px;
    }

    .mpa-album-form .link-group {
        flex-direction: column;
    }

    .mpa-album-form .link-group select {
        width: 100%;
    }

    .mpa-filters-bar {
        flex-direction: column;
    }

    .mpa-filters-bar .filter-search {
        width: 100%;
    }

    .mpa-filters-bar .filter-select {
        width: 100%;
    }

    .single-model-album .album-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .single-model-album .album-gallery .gallery-item.is-main {
        grid-column: span 2;
        grid-row: span 1;
    }

    .mpa-my-albums table {
        display: block;
        overflow-x: auto;
    }

    .model-social-links {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .single-model-album .album-gallery {
        grid-template-columns: 1fr;
    }

    .single-model-album .album-gallery .gallery-item.is-main {
        grid-column: span 1;
    }

    .mpa-photo-preview {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Platform link colors */
.model-social-links a[title="OnlyFans"] {
    background: #00aff0;
    color: #fff;
}

.model-social-links a[title="Instagram"] {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: #fff;
}

.model-social-links a[title="Twitter / X"] {
    background: #000;
    color: #fff;
}

.model-social-links a[title="TikTok"] {
    background: #000;
    color: #fff;
}

.model-social-links a[title="YouTube"] {
    background: #ff0000;
    color: #fff;
}

.model-social-links a[title="Patreon"] {
    background: #ff424d;
    color: #fff;
}

.model-social-links a[title="Fansly"] {
    background: #1da1f2;
    color: #fff;
}