/* =================================
   DISCOGS INFO GRID
================================= */
.cs-discogs-info-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
    margin:18px auto 0 auto;
    max-width:1050px;
	border-radius:10px;
    box-shadow:0 0 8px var(--theme-color);
}

.cs-discogs-info-box{
    background:rgba(0,0,0,0.28);
    padding:12px 14px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.05);
	#border:2px solid var(--theme-color);
    backdrop-filter:blur(2px);
}

.cs-discogs-info-box div{
    padding:4px 0;
    line-height:1.5;
}

.cs-discogs-info-box b{
    color:#d7d7d7;
}

/* =================================
   AUDIO / LAYOUT
================================= */
.cs-discogs-layout{
    display:flex;
    gap:22px;
    align-items:flex-start;
    flex-wrap:wrap;
}

.cs-discogs-audio{
    flex:1;
    min-width:320px;
}

/* =================================
   RESPONSIVE
================================= */
@media screen and (max-width: 900px){

    .cs-discogs-info-grid{
        grid-template-columns:1fr;
    }

    .cs-discogs-layout{
        flex-direction:column;
    }

    .cs-discogs-audio{
        width:100%;
        min-width:100%;
    }
}

.cs-discogs-info-grid{
    #border:2px solid red !important;
    text-align: center; /* centrer le texte */
}

/* =================================
   BUTTONS TMDB / DISCOGS
================================= */
.cs-cinema-urltmdb{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:6px 12px;
    font-size:15px;
    font-weight:600;
    color:#f1f1f1;
    text-align:center;
    white-space:nowrap;
    transition:all 0.25s ease;
}

.cs-cinema-urltmdb i{
    font-size:15px;
}

/* ========================================
   Cover monte/tasse à gauche (transform)
======================================== */
.cover_discogs{
   transform: translateY(-21px) translateX(-3px); 
}


/* =================================
   HOVER
================================= */
.table_head.shadow:hover
.cs-cinema-urltmdb{
    transform:scale(1.03);
    color:#ffffff;
    text-shadow:
        0 0 6px rgba(255,255,255,0.35);
}

/* =================================
   TRACKLIST / DISCOGS BUTTONS
================================= */
.cs-cinema-links{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}