/* Artistes groupés - Diarraminal 150, Tchol 1914, Fido 2007, Clip 48 */

/* Boutons communs aux pages artistes */
.page-id-150 .btn-default,
.page-id-1914 .btn-default {
  background:linear-gradient(to right, red 33.33%, yellow 33.33%, yellow 66.66%, green 66.66%);
  border:none; color:black; padding:10px 20px; font-size:16px; cursor:pointer; transition:background .3s ease;
}
.page-id-150 .btn-default:hover,
.page-id-1914 .btn-default:hover {
  background:linear-gradient(to right, #860a0a 33.33%, #82820c 33.33%, #82820c 66.66%, #077307 66.66%);
  color:white;
}

/* Diarraminal - 150 */
.page-id-150 .wp-block-media-text__content {grid-column:2; grid-row:1; width:100%;}
.page-id-150 .entry-header {display:none;}
.logodiarrapage img {margin:5rem auto;}
.page-id-150 .img-mea {width:100%;}
.page-id-150 .site-content {
  background:url('/wp-content/uploads/sites/6/2024/06/DIARRA-IMAGE-EN-AVANT-fade.png') no-repeat top center;
  background-size:100%;
  margin:0 auto !important; text-align:center;
}
.page-id-150 label {color:#FFF; font-weight:400; text-align:left;}
.page-id-150 .wp-block-media-text {border:1px solid #333; background-color:rgba(0,0,0,0.5) !important;}
.page-id-150 #ub-tabbed-content--panel-4 {text-align:center !important;}
.page-id-150 h2 {padding:0; text-align:center;}
.page-id-150 input.form-control {padding:.3em !important;}
.linkimgtop img {margin:auto; display:block; width:10rem !important;}

/* Clip + NL Diarra - 48 */
.page-id-48 .site-content {text-align:left;}
.page-id-48 .site-content-contain {
  background-image:url('/wp-content/uploads/sites/6/2024/06/BKG-CLIP-PART-JE-VOUS-SOUHAITE.jpg');
  background-size:cover; background-repeat:no-repeat; background-attachment:fixed;
}
.page-id-48 #wordpress_file_upload_title_1 {font-weight:bold; margin:1em auto; text-align:center;}
.page-id-48 #input_1 {color:#AC9E91;}
.page-id-48 .entry-content {border:4px double #AC9E91; border-radius:1em; padding:2em; background-color:rgba(0,0,0,0.4) !important;}
.page-id-48 form {background:#FFF; padding:1em; border-radius:10px;}
.page-id-48 .btn {margin:1em auto; width:100%; color:#AC9E91;}
.page-id-48 label {font-weight:400; text-align:left;}
.trailer-diarra {border:1px solid #AC9E91; border-radius:1em; padding:1em;}
.page-id-48 #consent_1 {margin-top:1em;}
.page-id-48 .file_consent_question {line-height:1.3em;}
.spotify-player {margin-top:3em;}

/* Tchol - 1914 */
.page-id-1914 .site-content {
  background:url('/wp-content/uploads/sites/6/2025/06/TCHOL-BKG-SPOT-A-scaled.jpg') no-repeat top center;
  background-size:100%;
  margin:0 auto !important; text-align:center;
}
.tcholportrait {position:absolute; top:0; left:63%; width:25rem;}
.page-id-1914 h2 {padding:0; text-align:center;}
.page-id-1914 input.form-control {padding:.3em !important;}

/* Fido - 2007 */
.page-id-2007 .entry-header {display:none;}
.page-id-2007 .entry-content {background:rgba(0,0,0,0.45); padding:2rem;}
.page-id-2007 figure.wp-block-image img {width:20rem; display:block;}
.fidoportrait {position:absolute; top:0; left:57%; width:25rem;}
.page-id-2007 .site-content {
  background:url('/wp-content/uploads/sites/6/2025/06/Lagos-night-02-scaled.jpg') no-repeat top center;
  background-size:100%;
  margin:0 auto !important; text-align:center;
}
.page-id-2007 h2 {padding:0; text-align:center;}
.page-id-2007 input.form-control {padding:.3em !important;}

/* Tabs utilisés sur pages artistes */
.wp-block-ub-tabbed-content {border:1px solid #333; border-radius:.5rem .5rem 0 0;}
.wp-block-ub-tabbed-content-tab-holder {border-radius:.5rem .5rem 0 0;}
.wp-block-ub-tabbed-content-tabs-title {background:#111; border-radius:.5rem .5rem 0 0; border-bottom:1px solid #333;}
.wp-block-ub-tabbed-content-tab-title-wrap {border:none !important;}
.wp-block-ub-tabbed-content-tab-title-wrap.active {background:#333 !important;}
.wp-block-ub-tabbed-content-tabs-content {border:none !important; background:#111 !important;}

/* Media queries spécifiques artistes */
@media screen and (min-width:1px) and (max-width:1000px){
  .page-id-150 .wp-block-media-text.is-stacked-on-mobile,
  .page-id-1914 .wp-block-media-text.is-stacked-on-mobile,
  .page-id-2007 .wp-block-media-text.is-stacked-on-mobile {display:block !important; padding-bottom:1em;}

  .page-id-2007 .logodiarrapage img {width:40% !important;}
  .page-id-2007 .site-content {background-size:200%;}
  .fidoportrait {position:relative; top:unset; left:unset; width:12rem; margin:-6rem auto 0;}
  .tcholportrait {position:absolute; top:1rem; left:40%; width:10rem;}
}

@media screen and (min-width:1px) and (max-width:623px){
  .tcholportrait {position:absolute; top:1rem; left:40%; width:5rem !important;}
}