/* ============================================
   SOUL LABELS - IMAGE STYLES
   Additional styles for image optimization
   ============================================ */

/* Base image styles */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Artist images */
.artist-image,
.artist-profile-image {
    position: relative;
    overflow: hidden;
}

.artist-image img,
.artist-profile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.artist-card:hover .artist-image img,
.artist-profile-card:hover .artist-profile-image img {
    transform: scale(1.05);
}

/* Album/Track artwork */
.album-artwork {
    position: relative;
    overflow: hidden;
}

.track-artwork,
.track-preview {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.track-artwork img,
.track-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Catalog items */
.catalog-item-image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
}

.catalog-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.catalog-item:hover .catalog-item-image img {
    transform: scale(1.05);
}

/* Blog/Journal images */
.journal-image,
.article-card-image,
.featured-article-image {
    position: relative;
    overflow: hidden;
}

.journal-image img,
.article-card-image img,
.featured-article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.journal-card:hover .journal-image img,
.article-card:hover .article-card-image img {
    transform: scale(1.05);
}

/* Team/Author images */
.team-image {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.team-image img,
.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-thumb {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

/* About section images */
.about-image-stack {
    position: relative;
}

.about-img-main {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);
}

.about-img-float {
    position: absolute;
    bottom: -40px;
    right: -40px;
    width: 50%;
    border-radius: 8px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    border: 4px solid var(--color-bg-secondary);
}

/* Content images */
.content-image img,
.guidelines-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3);
}

/* Featured release */
.featured-release-image {
    position: relative;
}

.featured-release-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5);
}

/* Lazy loading placeholder */
img[loading="lazy"] {
    background: linear-gradient(110deg, #1a1a1a 8%, #2a2a2a 18%, #1a1a1a 33%);
    background-size: 200% 100%;
}

/* Image error state */
img.error {
    background: var(--color-bg-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .about-img-float {
        display: none;
    }
}

@media (max-width: 768px) {
    .author-thumb {
        width: 36px;
        height: 36px;
    }
}