/*
 * Custom Artist Grid Styling
 * ONLY targets the Artists grid, not Releases
 * File: custom-artist-grid.css
 */

/* =============================================
   ARTISTS GRID ONLY - all selectors use
   eg-sonaar-artists prefix to avoid touching
   the Releases grid
   ============================================= */

/* Main blue content box - semi-transparent, single bar */
.eg-sonaar-artists-content.esg-entry-content {
    padding: 8px 40px 8px 10px !important;
    min-height: 0px !important;
    max-height: none !important;
    height: auto !important;
    background-color: rgba(70, 130, 180, 0.7) !important;
    display: block !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Artist name heading */
h2.eg-sonaar-artists-element-12-a {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: none !important;
    background-color: transparent !important;
}

/* Artist name link */
a.eg-sonaar-artists-element-12 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

/* The span inside the link */
a.eg-sonaar-artists-element-12 span {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

/* The arrow wrapper - keep it INSIDE the content flow, 
   but position absolute to the right */
div.eg-sonaar-artists-element-13-a {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    line-height: 1 !important;
    background: none !important;
    background-color: transparent !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    width: auto !important;
    overflow: visible !important;
}

/* Arrow inner elements - no background */
a.eg-sonaar-artists-element-13,
div.eg-sonaar-artists-element-13-a a,
div.eg-sonaar-artists-element-13-a i,
div.eg-sonaar-artists-element-13-a span {
    background: none !important;
    background-color: transparent !important;
    display: inline-block !important;
}