/* ==========================================================================
   GLOBAL & LAYOUT STYLES
   ========================================================================== */
.pdr-rec-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px;
    align-items: start;
}

.pdr-rec-grid > * {
    width: auto !important;
    display: block !important;
}

/* ==========================================================================
   ALBUM COVER (Crates Grid)
   ========================================================================== */
.album-cover {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #111;
    border-radius: 2px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    position: relative;
    /* Removed overflow: hidden from here to prevent 3D clipping */
}

.album-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 2px; /* Moves the cropping here instead */
}

/* ==========================================================================
   GENIUS LINK STYLING (Optimized)
   ========================================================================== */
.review-content a {
    text-decoration: none;
    color: #111111 !important; 
    background-color: #ffcc00;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

.review-content a::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #111111;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 17c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm-3-5h6v1h-6v-1z'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 17c-2.761 0-5-2.239-5-5s2.239-5 5-5 5 2.239 5 5-2.239 5-5 5zm-3-5h6v1h-6v-1z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.review-content a:hover {
    opacity: 0.9;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   WPFORMS & MISC
   ========================================================================== */
.wpforms-container-full .wpforms-form .wpforms-field-label,
.wpforms-container-full .wpforms-form .wpforms-field-description,
.wpforms-container-full .wpforms-form .wpforms-title,
.wpforms-container-full .wpforms-form .wpforms-submit { color: #ffffff !important; }

.wpforms-container-full .wpforms-form input[type=text],
.wpforms-container-full .wpforms-form input[type=email],
.wpforms-container-full .wpforms-form textarea,
.wpforms-container-full .wpforms-form select {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* (Include your postid-414 styles here, they are fine as is) */

/* Force main article text to white */
.review-article, 
.review-content p, 
.review-content li, 
.review-content strong {
    color: #ffffff !important;
}

/* Force headings to white */
.review-content h1, 
.review-content h2, 
.review-content h3 {
    color: #ffffff !important;
}

.review-verdict-box {
    background-color: transparent !important; /* Removes the white box */
    border-left: 4px solid #0066cc !important; /* Keeps your accent color */
    padding: 20px;
    margin: 35px 0;
}

.review-verdict-box p, 
.review-verdict-box h3 {
    color: #ffffff !important; /* Ensures text inside is readable */
}

.tracklist-directory li, 
.tracklist-directory small {
    color: #cccccc !important; /* Soft grey for tracklist info */
}

.post-tags span {
    color: #aaaaaa !important;
}

/* Force the artist bio link to be white */
.review-footer .artist-bio-link a {
    color: #ffffff !important;
    text-decoration: none; /* Optional: removes the underline */
}

/* Optional: Add a hover effect so it's clear it's a link */
.review-footer .artist-bio-link a:hover {
    color: #cccccc !important; /* Turns light grey on hover */
}