/**** PAGES ARTISTES ****/
.page-template-page-artiste .entry-content, .page-template-page-artiste .entry-content2 {background:none !important;}
.page-template-page-artiste article {background:none !important;}
.page-template-page-artiste .site-content:before {background:none !important;}
.artistbio {max-width:70rem;margin:3rem auto;}
.artistbio .pagediarralogo img {max-width:70rem;}
.artistbio figure.wp-block-image img {width:auto;}
.artistbio a, .artistbio a:hover, .artistbio a:visited {font-weight:600; color:#fff; text-decoration:underline;}
.dividerbio {position:relative;padding:1rem; margin:2rem 0;}
.dividerbio::before,
.dividerbio::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(255, 255, 255,1) 20%,
    rgba(255, 255, 255,1) 80%,
    transparent 100%
  );
  pointer-events: none;
}
.dividerbio::before { top: 0; }
.dividerbio::after  { bottom: 0; }
.artistbio h2 {font-weight:600; color:#FFF; width: fit-content; margin: auto;}
.artistbio strong { font-weight: 500; color: #fff;}
.biochapter::before { margin-right: 1rem;
content: ""; display: inline-block; width: 3rem; height: 1rem; background: url("/wp-content/uploads/2026/02/biotitresico-l-w.png") no-repeat top / contain; vertical-align: middle;
}
.biochapter::after { margin-left: 1rem;
content: ""; display: inline-block; width: 3rem; height: 1rem; background: url("/wp-content/uploads/2026/02/biotitresico-r-w.png") no-repeat top / contain; vertical-align: middle; }
.artistbio .wp-block-media-text {margin:1rem 0;}
.artistbio .wp-block-media-text>.wp-block-media-text__content {text-align:left; padding:1rem;height: 100%; margin:0 0 0 1rem; background-image:url(/wp-content/uploads/2026/02/bkgtrans50.png); }
.artistbio .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {padding:1rem !important; margin:0 1rem 0 0 !important}
.custom-social-links {text-align:center;}
.social-list li {
		display: inline-block;
    background-image:url(/wp-content/uploads/2026/02/bkgtrans50.png);
    border-radius: 0.4em;
		border:1px solid;
    transition: background-color .3s ease, color .3s ease;
    width: 4rem;
    height: 4rem;
		margin: 0.3rem;
}
.social-list li a {
    display: block;
    padding: .6em;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease;
    width: 4rem;
    height: 4rem;
}
.liinsta:hover {background: linear-gradient(to bottom right, #E1306C, #FCAF45);}
.lifb:hover {background:#3b5998;}
.liyoutube:hover {background:#ff0000;}
.lispotify:hover {background:#1ED760;}
.liapple:hover {background:#FFF;}
.liapple:hover i{color:#A3AAAE;}
.liamazon:hover {background:#0072fa;}

.fa-brands, .fab {font-weight: 400;}

.ffs_default_wrap {max-width:40rem; margin:auto;}
.ffs_default_wrap button{background:#1ED760;}
.ffs_default_wrap button:hover {background:#fff; color:#1ED760;}

.artistbio .wp-block-button a:hover {background-color:#67C23A;}
.artistbio .wp-block-button a {display:block; text-decoration:none}

.artistbio .bloclabels {max-width:30rem !important; margin: auto !important;}
.artistbio .logolabel img {max-width:10rem; max-height:3rem; margin:3rem auto 0;}

.wp-block-media-text { grid-template-columns: none !important; width: fit-content;}
.ff_t_c {color:#fff; text-align:left;}
/* Tchol */
.page-id-1914 .site-content {background-size: 100% !important; background-attachment: fixed !important;}
.page-id-1914 .wp-block-image img {width:40rem;}
.artistbio .logolinx { max-width: 12rem; margin: 0 auto 2rem;}

/***** FLUENT MESSAGES *****/
.page-id-1506 .ff-message-success {width: 100%;}

/********** RESPONSIVE **********/

@media screen and (min-width:1px) and (max-width:1200px){
  /* Global content stacking */
  .custom-header {height: fit-content;}
  .entry-content, .entry-content2 {padding:1rem !important; Background: none !important;}
  #formacadre{text-align:left}
  .description01{width:100%}
  .fc-header{display:block}
  .fc-img-left{padding:1rem;width:100%}
  .fc-img-left img{display:block;width:60vw;margin:0 auto}
  .fc-infos{padding:1rem;width:100%}
  .fc-infos li,.fc-section li{list-style:none}
  .fc-section{padding:1rem;width:100%}
  .ub_list_item_icon{display:none}
  .titleform h1{padding:.5rem!important;font-size:1.3rem}


  /* Header spacing */
  .site-branding .wrap{min-height:auto}
  .site-branding{padding:3vw 0 .8vw}

  /* Article card on mobile */
  .panel-content .wrap{width:100%!important;padding:5px;max-width:100%!important}
  article .entry-content {max-width:199%;padding:4vw;margin:.4vw auto -1.4vw;text-align:justify;text-justify:inter-character;background-color:#121212}
  .entry-content2 {background:none !important;}

  /* Home links */
  #liensaccueil img{margin:0!important;padding:.3rem;max-width:100%;width:10em}

  /* Footer art */
  footer .widget-area{padding-bottom:-13em!important;height:26em!important}
  .widget-area{background:url(/wp-content/uploads/2024/02/cropped-BILLE-LOGO-MLG.png) no-repeat center bottom;background-size:10em}

  /* Blog layout */
  .blog .content-area{width:100%!important}
  .blog .site-content aside{float:none;max-width:100%!important}
  .blog .site-content .wrap{padding:.3em!important;margin:0!important}
}

@media screen and (min-width:1px) and  (max-width:530px) {
.wp-block-button a, .wp-block-button a:hover {font-size:small; text-decoration:none;}
}
@media screen and (min-width:1px) and (max-width:350px) {
.artistbio h2 {font-size: 1rem;}
.biochapter::before { margin-right: 0.5rem; content: ""; display: inline-block; width: 2rem; height: 1rem; background: url("/wp-content/uploads/2026/02/biotitresico-l-w.png") no-repeat top / contain; vertical-align: bottom;
}
.biochapter::after { margin-left: 0.5rem;
content: ""; display: inline-block; width: 2rem; height: 1rem; background: url("/wp-content/uploads/2026/02/biotitresico-r-w.png") no-repeat top / contain; vertical-align: bottom; }

}

/* PAGES ARTISTES - forcer l'empilement image puis texte sur mobile */
@media screen and (min-width:1px) and (max-width:1200px) {
  .page-template-page-artiste .artistbio .wp-block-media-text { display: flex !important; flex-direction: column !important; }
  .page-template-page-artiste .artistbio .wp-block-media-text__media { order: -1; width: 100%; overflow: hidden; }
  .page-template-page-artiste .artistbio .wp-block-media-text__media figure { margin: 0; width: 100%; }

  /* IMPORTANT : cover nécessite une hauteur de boîte.
     Choisis UNE des 3 lignes ci-dessous (et supprime les 2 autres). */

  /* 1) Ratio (recommandé) */
  .page-template-page-artiste .artistbio .wp-block-media-text__media { aspect-ratio: 16 / 9; }

  /* 2) Hauteur relative écran */
  /* .page-template-page-artiste .artistbio .wp-block-media-text__media { height: 40vh; } */

  /* 3) Hauteur fixe */
  /* .page-template-page-artiste .artistbio .wp-block-media-text__media { height: 320px; } */

  .page-template-page-artiste .artistbio .wp-block-media-text__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
  .page-template-page-artiste .artistbio .wp-block-media-text>.wp-block-media-text__content {margin: 1rem 0;}
  .page-template-page-artiste .artistbio .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {margin: 1rem 0 !important;}
  .page-template-page-artiste .artistbio .wp-block-media-text {margin: 0;}

}