/* Bootleg Series - Mon espace - 658 */
.page-id-658 #primary {max-width:65rem !important;}
.page-id-658 article .entry-content {text-align:center;}
.page-id-658 {color:#FFF;}
.page-id-658 .entry-header {margin-bottom:1em !important;}
.page-id-658 h1 {text-transform:uppercase; margin:auto; padding:1rem; border:1px solid #333;}
.page-id-658 h2 {text-transform:uppercase; margin:1rem auto; padding:1rem; color:#fff; background:#111; border:1px solid #333;}

.bs-espace-wrapper {display:flex; align-items:center; gap:2rem; flex-wrap:wrap; max-width:100%; justify-content:center; margin:2rem auto; width:65rem;}
.riddim-card {border:1px solid #333;}
.bslogomonespace {width:31.5rem; max-width:100%; border-radius:.5rem; flex-shrink:0; border:1px solid #333;}

.espace-utilisateur {background-color:#111; color:white; padding:2rem; border-radius:.5rem; width:31.5rem; height:36.5rem; border:1px solid #333;}
.espace-utilisateur h1 {font-size:2rem; margin-bottom:1rem;}
.espace-utilisateur p {line-height:1.5; margin-bottom:1.2rem;}
.espace-utilisateur .arrow {font-size:2rem; transform:rotate(-50deg);}

.info-block {display:flex; align-items:flex-start; margin-top:1.5rem; text-align:left; margin:2rem auto;}
.info-block .icon {font-size:3rem; margin-right:1rem; color:#00ff73; line-height:1.2;}
.info-text .title {font-weight:bold; color:#3EEA5C; margin-bottom:.3rem;}

.retour-lien {display:flex; margin-top:2rem; font-weight:500; font-size:1rem;}
.retour-lien a {color:#00ff73; text-decoration:none;}
.retour-lien a:hover {text-decoration:underline;}
.retour-lien .arrow {display:flex; position:relative; top:1rem; margin-left:-.7rem;}

.aimg {min-width:100%; display:flex;}
.bslogolink {width:8rem; border:1px solid #fff; box-shadow:none !important; margin:auto;}

/* BLOC 3 (CHARTE) */
.charte-envoi {
  background-color:#111;
  background-image:url('/wp-content/uploads/sites/6/2025/05/homestudioroots-scaled.jpeg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% auto;
  color:#fff;
  padding:1rem 3rem;
  max-width:65rem;
  margin:1rem auto;
  font-family:system-ui, sans-serif;
  line-height:1.6;
  text-align:left;
  border:1px solid #333
}
.charte-envoi h2 {color:#3EEA5C; font-size:1.5rem; text-align:center; margin-bottom:2rem;}
.charte-envoi h3 {padding:0 !important; font-size:1.2rem; margin-bottom:1rem; color:#FFF;}
.charte-envoi p {margin:0.5rem 0; color:#ccc;}
.charte-envoi ul {margin:0.5rem 0 1rem 1.5rem; padding:0;}
.charte-envoi ul li {margin-bottom:0.3rem;}
.charte-envoi strong {color:#fff;}
.charte-envoi a {color:#4aa3ff; text-decoration:underline;}
.charte-envoi a:hover {text-decoration:none;}
.charteliste {width:19rem; margin:auto; border:1px solid #333; padding:1rem;}
.cadropac {background: rgba(0,0,0, 0.7); width:fit-content; margin:auto; }
.introespace {background:#111; margin:1rem auto; padding:1rem; border:1px solid #333;}

/* BLOC 2 (WAV request) */
.bs-wav-form {padding:1rem; background:#111; border:1px solid #333; text-align:center;}
.bs-wav-form button {width:20rem; border:1px solid #3EEA5C;}
.textedemandewav {display:inline-block; width:19rem; vertical-align:middle; margin:1rem;}
.bs-wav-form  button {display:inline-block; width:19rem;}

/* Responsive espace */
@media screen and (min-width:1px) and (max-width:1000px){
  .espace-utilisateur {height:33rem;}
  .bslogolink {margin-top:2rem;}
  .page-id-658 .riddim-card {margin:auto !important;}
  .page-id-658 .riddim-list {text-align:center;}
}