/* === GLOBAL base, header, nav, components === */

/*** BASE ***/
body {background:#121212 !important; color:#b3b3b3;}
a, a:visited {color:#B3B3B3 !important;}
a:active {color:#fff !important;}
a:hover {color:#FFF !important;}
h1 {padding:0;}
.site-content {padding:0 1rem 1rem 1rem !important; min-height:46em; margin:auto; text-align:center;}
.site-content-contain {background-color:#000;}
.imgfrontpage {box-shadow:none !important; width:13vw;}
.panel-image {background-position:-7px top; background-attachment:initial !important; height:100%;}
#primary {width:100%; max-width:100% !important;}
#content {padding:0;}
#content .wrap {width:100%; max-width:100%;}
.jaunewarning {color:#FF0; font-size:2em}

/**** WIDTHS AND ALIGN ****/
.w50rem {width: 50rem;}
.w60rem {width: 60rem;}
.w80rem {width: 80rem;}
.left {text-align: left}
.righ {text-align: right}
.center {text-align: center}
.margeauto {margin: 2rem auto;}

/*** HEADER ***/
.site-header {background:#121212;}
.site-branding {margin:0 !important; text-align:center; padding:1rem 0 0.5rem;}
.site-branding .wrap {margin:0 auto; width:100%; max-width:100%; text-align:center;}
.site-branding img {width:8rem; min-height:8rem !important;}
.custom-logo-link {padding-right:0;}
.custom-header {margin:0 !important;}

/*** NAVIGATION TOP ***/
.navigation-top {background:#111; border-bottom:none !important; border-top:1px solid #333; position:relative;}
.navigation-top .wrap {padding:0; margin:auto; text-align:center; width:fit-content;}
.main-navigation ul {background:none;}
.main-navigation div ul {border:none;}
.main-navigation ul ul {background:#111;}
.main-navigation li li:hover {background:#111;}
.main-navigation ul ul a {color:#B3B3B3;}
.menu-toggle {color:#b3b3b3;}
/* Gtranslate */
.gt_switcher_wrapper {top:2rem;}

/*** PAGE - éléments transverses ***/
.wp-block-ub-tabbed-content-tab-title {word-break:break-word;}
.single-featured-image-header img {width:100%;}
.panel-content .wrap {width:100%; max-width:100%; padding:0;}
.baselineaccueil {font-family:'Montserrat light', sans-serif; font-style:italic; font-size:2vw; font-weight:lighter; text-align:center;}
.entry-content {width:65rem;}
.entry-title-bef, .entry-header h2 {display:none;}
.site-title, .site-title a {color:#fff !important; font-family:inherit !important; font-size:2.5rem; text-transform:none !important; line-height:1; letter-spacing:0;}
.site-description {padding-left:0.25rem;}

/*** composants landing artistes - réutilisables ***/
.syncartistlandingall {text-align:center;}
.syncartistlandingrow {width:fit-content; margin:auto;}
.syncartistlanding {margin:0 2rem; float:left;}
.syncartistlanding h1 {font-size:1rem;}
.syncartistlanding:hover a {color:#FFF !important;}
.syncartistlanding:hover img {border:1px solid #FFF !important;}
.syncartistlanding img {width:12rem; box-shadow:0 0 7rem #4f352b !important;}

/*** Liens sociaux génériques ***/
.custom-social-links {display:flex; justify-content:center; padding:20px 0;}
.social-list {list-style:none; display:flex; gap:10px; padding:0; margin:0;}
.social-list li {background-color:#9013fe; border-radius:0.4em; transition:background-color .3s ease, color .3s ease; width:4rem; height:4rem;}
.social-list li:hover {background-color:#ffffff;}
.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;}
.social-list li:hover a {color:#333 !important;}

/*** PLAYER audio global ***/
.custom-audio-player {display:flex; margin:auto; align-items:center; gap:10px; background:#1a1a1a; color:#fff; padding:8px 12px; border-radius:8px; font-family:sans-serif;}
button:focus, button:hover {background:transparent !important;}
.play-btn {background:none; border:none; color:white; font-size:1.4em; cursor:pointer; width:2rem; padding:0;}
.custom-audio-player .seek-bar {width:8rem; height:2rem; background:#121212; border-radius:2px; border:none; -webkit-appearance:none; appearance:none; cursor:pointer;}
.custom-audio-player button {font-size:1rem !important; text-align:left}
.custom-audio-player input[type="range"]::-webkit-slider-runnable-track {background:#3eea5c; height:2px; border-radius:2px;}
.custom-audio-player input[type="range"]::-moz-range-track {background:#3eea5c; height:2px; border-radius:2px;}
.custom-audio-player input[type="range"]::-webkit-slider-thumb {-webkit-appearance:none; appearance:none; width:2px; height:14px; background:#fff; border:none; border-radius:50%; margin-top:-5px;}
.custom-audio-player input[type="range"]::-moz-range-thumb {width:2px; height:14px; background:#fff; border:none; border-radius:50%;}
.custom-audio-player input[type="range"]:focus {outline:none;}
.custom-audio-player .time {color:#ccc; font-size:.95em; min-width:70px; text-align:center;}

/*** BOUTONS génériques BS ***/
.riddim-reserver {background:#121212; color:#3EEA5C; font-weight:normal; border:1px solid #3EEA5C; padding:1rem; width:150px;}
button.riddim-reserver:hover {background:#3EEA5C; color:#121212;}
.riddim-liberer {background:#000; color:#ff0; font-weight:normal; border:1px solid #FF0; padding:1rem; width:150px;}
button.riddim-liberer:hover {background:#ff0; color:#121212;}
.disabled {background:#000; color:#ff0; font-weight:normal; border:1px solid #F00; padding:1rem 0; width:150px;}
button.riddim-reserver::before {content:"🔏"; margin-right:.4em;}
button.riddim-liberer::before {content:"🔐"; margin-right:.4em;}
button.disabled:hover {background:#f00; color:#121212;}
button.disabled::before {content:"🚫"; margin-right:.4em;}
button {transition:all .2s ease-in-out;}

/*** FOOTER ***/
.site-footer {border-top:1px solid #242323;}
footer {background:#121212;}
footer .wrap {text-align:center; width:100%; max-width:100%;}
footer section, footer figure, footer aside {padding:0 !important; height:fit-content !important; margin:0 !important;}
.site-footer .widget-column.footer-widget-1 {width:100%;}
.footer-widget-1 {margin:auto; float:none !important;}
.footer-widget-1 img {width:10rem;}
.footer-widget-2 {display:none;}
.site-info {width:100%; margin:auto; float:none !important;}
.site-info a {box-shadow:none;}
.wp-image-7 {width:9rem !important;}

/*** HOME intégré dans global - ciblé par page-id-12 ***/
.page-id-12 .panel-image {border-bottom:1px solid #333; border-top:1px solid #333;}
.page-id-12 .wp-block-heading {font-size:1.2rem;}
.page-id-12 .wp-block-heading span {font-size:1.5rem; margin:1rem;}
.page-id-12 .entry-content {margin:auto;}
.page-id-12 h2 {font-weight:normal !important;}
.textintro {width:42rem; margin:2rem auto; background:#111; padding:1rem; border:1px solid #333; border-radius:.5rem;}
.p-last {margin:0;}
.edhl {width:42rem !important; border-radius:.5rem; border:1px solid #333;}

/*** Global utilities & scattered bits from original ***/
.entry-title {display:none;}
.mlgplayer {background:none; width:49%; float:left; padding:1vw 1rem 0 0;}
.mlgbio {width:49%; float:right; padding:1vw 1rem 0 1rem;}
figure.wp-block-image img {width:40rem;}

/* nav tweak showing on multiple pages */
.page-id-658 .navigation-top,
.page-id-625 .navigation-top,
.page-id-1323 .navigation-top,
.page-id-1454 .navigation-top,
.page-id-1708 .navigation-top {display:block ruby; text-align:center;}

/*** MEDIA QUERIES globales ***/
@media screen and (min-width:1px) and (max-width:1200px){
  .wp-block-heading {display:block; text-align:center;}
  .entry-content p {text-align:justify; margin:1rem 0 !important;}
  .syncartistlanding {float:none;}
  .wp-block-ub-tabbed-content-tab-title-wrap {font-size:1.5em; max-width:3em;}
  .wp-block-ub-tabbed-content-tab-title {margin:auto;}
  .site-branding {padding:3vw 0 0.8vw;}
  .panel-content .wrap {width:100% !important; padding:5px; max-width:100% !important;}
  article .entry-content{max-width:100%; padding:4vw; margin:0.4vw auto -1.4vw; text-align:justify; text-justify:inter-character; width:100%;}
  .site-content .wrap {width:96% !important; padding:0; max-width:100% !important;}
  .icon-offre-br {max-width:1.4rem !important; display:inline; vertical-align:middle;}
}

@media screen and (min-width:1px) and (max-width:767px){
  .navigation-top .wrap {padding:0; margin:auto; text-align:left; width:100%;}
  .main-navigation ul {background:none; width:80%; margin:auto;}
  .main-navigation div ul {border:none;}
  .main-navigation ul ul {background:#111;}
  .main-navigation li li:hover {background:#111;}
  .main-navigation li {border-bottom:1px solid #333;}
  .main-navigation ul ul a {color:#B3B3B3;}
  .main-navigation a {font-weight:normal;}
  .menu-toggle {color:#b3b3b3; font-weight:normal;}
  .dropdown-toggle .icon {color:#555}
}

@media screen and (min-width:1px) and (max-width:864px){
  .cadropac {width:fit-content; margin:auto;}
  .cadropac .warningsign {display:none;}
  .charte-envoi {background-size:cover;}
}