/**
 * CSS Stylesheet for Mushroom - mushroompm.cezamemusic.com
 */

/* ========================================
   FONTS
   ======================================== */

/* Apercu Font Family */
@font-face {
    font-family: "Apercu Regular";
    src: url("../fonts/Apercu/Apercu-Regular.otf");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Apercu Bold";
    src: url("../fonts/Apercu/Apercu-Bold.otf");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Apercu Medium";
    src: url("../fonts/Apercu/Apercu-Medium.otf");
    font-style: normal;
    font-weight: 600;
}

/* ITCAvantGarde Font Family */
@font-face {
    font-family: "ITCAvantGarde Bold";
    src: url("../fonts/ITCAvantGarde/ITCAvantGardeStdBold.otf");
    font-weight: bold;
    font-style: normal;
}

/* ========================================
   NAVIGATION & HEADER
   ======================================== */

/* Navbar Brand */
.navbar-brand {
    float: none !important;
    height: auto !important;
    padding: 0 !important;
}

.navbar-nav .navbar-brand img {
    width: 100px;
    height: 60px;
    object-fit: cover;
    margin-left: 20px;
}

.zoneHeaderMenuBar .navbar-nav {
    justify-content: space-evenly !important;
}

a:focus,
a:active {
    transition: inherit !important;
}

.headersubcontent a:focus {
    padding: 4px 20px !important;
}

/* Main Menu */
.zoneHeaderMenuBar ul a.nav-link,
.navbar-dark .navbar-nav .nav-link {
    font-family: "ITCAvantGarde Bold" !important;
    line-height: inherit !important;
}

#menumain .nav-link {
    font-size: 24px;
    padding: 0.5rem 1rem !important;
    line-height: 27px;
}

.zoneHeaderMenuBar .navbar ul.navbar-nav {
    /* width: 695px !important; */
    display: flex !important;
    align-items: center;
    margin-left: auto !important;
    margin-right: auto !important;
}
.zoneHeaderMenuBar .navbar{height: 60px;}


/* Header Sub Content */
.headersubcontent .nav-link,
.nav-pills .nav-link.active {
    font-family: 'ITCAvantGarde Bold';
    font-size: inherit;
    padding: 4px 20px !important;
    line-height: inherit !important;
}

.headersubcontent .nav-link:hover {
    padding: 4px 20px;
}

/* Menu Main Sub */
/* div#menumainsub {padding-top: 60px;} */
#menumainsub h1 {
    display: none;
}

/* ========================================
   SIDEBAR MENU (SHORTCUT)
   ======================================== */

#menuShortcut ul:first-of-type {
    border-right: 0 !important;
    padding-right: 0 !important;
}

#menuShortcut li .nav-link {
    font-family: 'ITCAvantGarde Bold';
    overflow: hidden;
}

#menuShortcut li {
    height: 57px !important;
}

#menuShortcut .contentmenuShort {
    max-width: 240px !important;
}

#menuShortcut.minimized {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Menu Icons */
#menuShortcut #menuPlaylist:before {
    margin-left: -15px;
    content: url("");
    background-image: url("../images/menu/playlists.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 49%;
    height: 50%;
}

#menuShortcut #menuAlbums:before {
    margin-left: -12.5px;
    content: url(add_ppm.css);
    background-image: url(../images/menu/albums.svg);
    background-size: contain;
    width: 36%;
    height: 53%;
    background-repeat: no-repeat;
}

#menuShortcut #menuLabels:before {
    margin-left: -13.5px;
    background-image: url("../images/menu/labels.svg");
    background-size: cover;
}

/* ========================================
   SEARCH & HEADER BAR
   ======================================== */
.zoneHeaderSearchBar {
    background: #F2F4F8;
    /* background-image: url(https://images.cezamemusic.com/public-images/1243x350/images/cms/bg1_mushroom.jpg);
    background-size: cover; */
}
.mobile .zoneHeaderSearchBar{
    background-color: #F2F4F8;
}

#search_form.searchBarFixed {
    background: #F2F4F8;
}

.formRecherche {
    padding-top: 60px;
}

/* ========================================
   TABLES
   ======================================== */

.tableFixHead thead th {
    position: sticky;
    top: 0;
    border: 0;
    color: black;
    font-weight: 400;
    font-size: 14px;
    font-family: 'ITCAvantGarde Bold';
    font-style: normal;
    line-height: 16px;
    height: 30px;
    z-index: 2;
    background-color: #F2F4F8;
}

/* ========================================
   BUTTONS & INTERACTIVE ELEMENTS
   ======================================== */

/* Primary Color Buttons (#7698B7) */
button#btn_external_recommendation,
.btnpill-trierpar.active,
#btnsearch_voirtout,
#btn_search_external_recommendation_youtube,
input#header-userlogin-submit,
#popinInscription .btninscriptLoginBox,
.btnpill-trierpar:hover,
#inspiration_btnsearch_voirtout {
    background-color: #7698B7 !important;
}

#popinInscription span,
#sesouvenirdemoi,
.bottomform .text-right label {
    color: #ffffff;
}

.millery-container .millery-top .millery-breadcrumbs .millery-breadcrumb,
.millery-theme-1 .millery-container .millery-top .millery-breadcrumbs .millery-breadcrumb:after {
    color: #7698B7 !important;
}

.millery-container .millery-top .millery-breadcrumbs .millery-breadcrumb {
    font-family: "VelaSans-Regular";
}

/* Secondary Buttons (#7698b74f) */
.tracklisttable .btn-cezameKeywords,
.synt_enfant>a,
.text-core .text-wrap .text-tags .text-tag .text-button,
.cartouche.tracklistsearch .btn-cezameKeywords {
    background-color: #7698b74f !important;
    font-family: 'VelaSans-Regular';
}
.mobile .searchdetail h4, .searchdetail .columnactive h3 a, .famillemot a, .mobile .searchplaylistmatching h4, .searchsuggest h4, .searchsuggest .columnactive h3 {color: black!important;}
.mobile .presentation_cms p {color: #ffffff;}
#zone_inscription .btn-cez {
    background-color: #7698B7 !important
}
#zone_inscription{color: #000000 !important;}

/* Button Links */
.btn_link_to_the_tracksalbums {
    color: #7698B7 !important;
}

#btnsearch_voirtout:hover {
    text-decoration: underline;
}

/* Inspiration Content */
.inspirationcontent button {
    font-family: "Apercu Medium" !important;
}

/* ========================================
   SEARCH RESULTS & CONTENT
   ======================================== */

/* Search Headers */
.searchdetail h4,
.searchplaylistmatching h4,
.searchsuggest h4,
.btn_link_to_the_tracksalbums,
.searchdetail .columnactive h3 a,
.searchsuggest .columnactive h3,
.external_recommendation_headertitle h2,
.container-alone>.headercontent>.col-9>h1 {
    font-family: 'ITCAvantGarde Bold' !important;
    color: #000000;
}
.fancybox-iframe{color: #ffffff; }
 .fancybox-iframe{color: #000000 !important; }
.rgpd-area{color: #000000 !important;}


.searchdetail h4:before,
.searchplaylistmatching h4:before,
.searchsuggest h4:before {
    filter: brightness(0.5);
}

/* ========================================
   NETWORK CONTENT
   ======================================== */

#networkcontent {
    background-image: url(https://images.cezamemusic.com/public-images/1243x350/images/cms/bg3_mushroom.jpg);
    background-size: contain;
    padding: 15px 0;
}

#networkcontent h4 {
    font-family: 'ITCAvantGarde Bold' !important;
}

/* ========================================
   MODALS & POPUPS
   ======================================== */

.jconfirm-cez-invitation-inscription .jconfirm-box,
.jconfirm-cez-tooltiprecommandation .jconfirm-box,
.jconfirm-cez-tooltipalternate {
    --border-color: #7698B7 !important;
}
.keywordsListePage a.btn.btn-cezameKeywords{color: #7698b7 !important;}
.pop_up_inscription>.content-div>.creation_compte,
.form-button,
.jconfirm {
    font-family: 'ITCAvantGarde Bold' !important;
    color: #000000 !important;
}

#titre_Inscription_Popup,
.searchheaderaction .labelFilter,
a#header-userlogin-forgotten {
    font-family: 'ITCAvantGarde Bold' !important;
}

/* ========================================
   NAVIGATION TABS & SLIDERS
   ======================================== */

.nav_sliderthumbs .nav-tabs .nav-item.active,
.paragraphe_deja_inscrit>a {
    color: #7698B7 !important;
}

.gallery_home .flickity-page-dots .dot.is-selected,
.inspirationcontent button:hover,
.inspirationcontent button.selected,
.millery-node:hover {
    background-color: #7698B7 !important;
}

.nav_sliderthumbs .nav-tabs .nav-item {
    font-family: 'ITCAvantGarde Bold' !important;
}

/* ========================================
   TYPOGRAPHY & TEXT ELEMENTS
   ======================================== */

/* Bold Text Elements (ITCAvantGarde Bold) */
.btn-cezameblue1,
.presentation_cms .presentation_cms_box_title h1,
.presentation_cms .presentation_cms_box_title h2,
footer h3,
footer a,
strong,
.cmspage .contenu_onglet h2,
#trucMac span,
.breadcrumb,
.cartouche-similar h2,
.cartouche .cartouche-detail h2 {
    font-family: 'ITCAvantGarde Bold' !important;
}
.cmspage .contenu_onglet h2{color: #000000 !important;}

/* Regular Text Elements (VelaSans-Regular) */
.cmspage p,
.text-center,
footer p,
.Pl_wrap_content,
.form-control,
.millery-node,
.paragraphe_deja_inscrit>a,
.presentation_cms_box_desc p,
.tableFixHead tbody,
#result li.undersearch_item.synt_enfant.synt_enfant_0>a,
.searchsuggest .columnactive li,
.searchheaderaction span.sliderinfo,
.searchheaderaction,
.searchheaderaction input#customFilterBpm,
span.text-label,
.nogutter .form-group-trie .form-inline>.btn-group,
.cartouche .leftsidecartouche,
.inspirationcontent button,
input#header-userlogin-submit {
    font-family: 'VelaSans-Regular' !important;
}

/* Form Labels */
.form-group label {
    font-family: 'ITCAvantGarde Bold';
}

/* ========================================
   SPECIFIC ELEMENT HIDING
   ======================================== */

/* Hide specific list items */
/* li[data-ref="138876"],
li[data-ref="125376"],
li[data-ref="125377"] {
    display: none;
} */

li[data-ref="125376"] {
    display: none;
}

/* ========================================
   COMMENTED SECTIONS (for reference)
   ======================================== */

/*
 * Labels avec images mal affichées (section commentée)
 * Décommentez et adaptez si nécessaire
 */
/*
[data-ref="1000459"] img,
[data-ref="1000478"] img,
[data-ref="1000599"] img,
[data-ref="1000451"] img,
[data-ref="1000442"] img,
[data-ref="1000421"] img,
[data-ref="1000423"] img,
[data-ref="1000415"] img,
[data-ref="1000621"] img {
    height: 214px;
    object-fit: scale-down;
}
*/


/* SG 06/06/2025 : TEST POUR DA PPM */
:root {
    --ppm-bg-light: #344648;
    --ppm-bg-medium: #253233;
    --ppm-bg-dark: #121515;

    --ppm-font-light: #E1E8EC;
    --ppm-font-dark: #435667;

    --ppm-color-icons: #40575D;
    --ppm-color-link: #34A1D7;
}

body {
    background: #ffffff;
}

/* .zoneHeaderSearchBar {
    background: var(--ppm-bg-medium);
} */

.zoneHeaderMenuBar {
    background: var(--ppm-bg-dark);
    padding: 0;
}

#menumain .nav-link {
    color: var(--ppm-font-light);
}

.nav_sliderthumbs .nav-tabs .nav-item.active,
.paragraphe_deja_inscrit>a {
    /* background: var(--ppm-bg-light); */
}

.nav_sliderthumbs .nav-tabs .nav-item {
    color: #000000 !important;
}

.headersubcontent.position-sticky {
    background: #ffffff;
}

.headersubcontent .nav-link.active {
    background: var(--ppm-bg-dark);
    color: var(--ppm-font-light) !important;
}

.headersubcontent .nav-link {
    background: white;
    color: var(--ppm-font-dark) !important;
    border: 1px solid #1f1f1f38;
}

.headersubcontent .nav-item {
    border: none !important;
}

.headersubcontent .nav-link:not(.active):hover {
    background: var(--ppm-bg-medium) !important;
    color: var(--ppm-font-light) !important;
}

.presentation_cms_box_title>h1 {
    color: #000000 !important;
}

.flickity-page-dots .dot {
    background: #495057;
    color: white;
}

.cmspage .contenu_onglet {
    color: #000000;
}

.cmspage a {
    color: var(--ppm-color-link) !important;
}

#form_contact .btn-cez {
    color: var(--ppm-font-light) !important;
    background: var(--ppm-bg-dark) !important;
}

#networkcontent {
    color: #000000!important;
    background: none !important;
}

footer {
    background-color: var(--ppm-bg-dark);
    color: var(--ppm-font-light);
}

.Pl_wrap_content {
    background: var(--ppm-color-icons);
}

ul.Pl_box_info.boxtitle {
    color: var(--ppm-font-light);
}

ul.Pl_box_info.boxtimer {
    color: var(--ppm-font-light);
}

.Pl_box_info a {
    color: var(--ppm-font-light);
}

.breadcrumb a {
    color: #7e7e7e !important;
}

.cartouche .col-7 {
    color: #000000 !important;
}

.cartouche {
    background: #efeeee;
    color: black !important;
}

.cartouche .icon-play-noir:before,
.Lts_listening .icon-btn_volumeup:before, .icon-download:before, .icon-download:before {
    background: #efeeee;
    color: black !important;
}


.tableFixHead thead th {
    background: var(--ppm-bg-medium);
    color: var(--ppm-font-light);
}

.icon-play-noir:before,
.icon-download:before,
.icon-download:before,
.icon-btn_add:before,
.icon-btn_favorite:before,
.icon-btn_share:before,
.icon-btn_play:before,
.icon-btn_previous:before,
.icon-btn_stop:before,
.icon-btn_next:before,
.icon-btn_download:before,
.icon-btn_similarto:before,
.icon-btn_info:before,
.icon-btn_pause:before,
.Lts_listening .icon-btn_volumeup:before,
.icon-bookmark {
    color: #000000!important;
}
.Pl_wrap_content .icon-btn_similarto:before, .Pl_wrap_content .icon-btn_info:before, .Pl_wrap_content .icon-btn_share:before, .Pl_wrap_content .icon-btn_next:before, .Pl_wrap_content .icon-btn_stop:before, .Pl_wrap_content .icon-btn_play:before, .Pl_wrap_content .icon-btn_previous:before, .Pl_wrap_content .icon-btn_download:before, .Pl_wrap_content .icon-btn_add:before, .Pl_wrap_content .icon-btn_favorite:before {color: #ffffff !important;}

.tracklisttable tbody tr td {
    background: #ffffff;
    color: #000000;
}

.logo-ppm-mobile{position: absolute;
    top: 18px;
    width: 34%;
    right: 126px !important;}
    .mobile .mcpe{color: #FFFFFF!important;}
.tracklisttable a {
    color: var(--ppm-color-link) !important;
}

.tracklisttable .TexteDescriptionTrackVisited {
    background: var(--ppm-bg-medium);
}

.cartouche-similar>h2 {
    color: var(--ppm-font-light);
}

.tracklisttable tr.divTrack:not(.TexteDescriptionTrackOver):not(.divTrackAlt) td {
    border-bottom: 1px solid var(--ppm-color-icons);
}

.Tl_favorite.active .icon-btn_favorite::before,
#Pl_pref.active .icon-btn_favorite::before {
    color: #1DAEE0;
}

#poigneeVolet {
    background-color: var(--ppm-font-dark) !important;
}

body.private {
    background: var(--ppm-bg-light);
}

@keyframes glitteringblue {
    0% {
        background-color: var(--ppm-color-link);
    }

    70% {
        background-color: var(--ppm-color-link);
    }

    82% {
        background-color: var(--ppm-color-link);
    }

    86% {
        background-color: var(--ppm-color-link);
    }

    100% {
        background-color: var(--ppm-color-link);
    }
}

.fade_line_compo:after {
    background: linear-gradient(hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 1) 100%, #000000) !important;
}

.compo_bio {
    color: var(--ppm-font-light) !important;
}

#parentimageducompo {
    background: var(--ppm-bg-medium) !important;
}

#sliderthumbscompo .nav-item.active {
    color: var(--ppm-font-light) !important;
    background: var(--ppm-bg-light) !important;
}

#menuproposer .btn-group button {
    background: var(--ppm-color-icons) !important;
}

.cartouche.tracklistsearch .btn-cezameKeywords {
    color: var(--ppm-color-link) !important;
}

#divformrecherche .text-core .text-wrap .text-tags .text-tag .text-button-exclude {
    background-color: #3c3c3c !important;
}

#divformrecherche .text-core .text-wrap .text-tags .text-tag .text-button-exclude .text-label {
    color: #dfdcdc !important;
    display: inline-block;
    margin-left: -5px;
}

#divformrecherche .text-core .text-wrap .text-tags .text-tag .text-button-exclude .text-label::first-letter {
    color: transparent !important;
}

#menuranger .btn-cez {
    background-color: var(--ppm-color-icons) !important;
}

#bpmkeyselector .labelFilter,
#bpmkeyselector .sliderinfo {
    color: black;
}
#movetoproject, #newproject{
    background-color: #435667 !important;
    border: 1px solid #435667 !important;
}
#social-share-popup .btn-cez {
    background-color: var(--ppm-color-icons) !important;
}

/* .divTrack {
    box-shadow: none !important;
} */
.gridthumbs0content > a > .img-fluid {object-fit: scale-down !important;}
.mcpe {
    color: var(--ppm-font-light);
    width: 100px;
    white-space: nowrap;
}

#logopoweredby {
    /* background: white; */
    width: 170px;
    height: auto;
}

.span-logopowered {
    padding: 5px;
    /* background: white; */
}
.jconfirm-box .popup-title-light, #layer_admin{
font-family: 'ITCAvantGarde Bold' !important;}
.infoBoxListePagetextarea .row .col-2{color: #000000;font-family: 'ITCAvantGarde Bold' !important;}
.infoBoxListePagetextarea .row .col-10{color: #000000;}
/* ========================================
   KG : 24/06/2025 : Version Mobile PPM only
   ======================================== */
.mobile .navbar-nav svg{ fill: #ffffff;margin-right: 5px !important;}
.mobile .mbg-btn span{background-color: #ffffff !important;}
.mobile #openToggleSearchGuideMobile span:nth-child(1){color: #ffffff !important; margin-right: 5px;} 
.mobile #mainwrap {background: #344648;}
.mobile {background: #ffffff !important;}
.mobile .buttonAllContent-top, .mobile .buttonAllContent, .mobile #openToggleSearchGuideMobile span:nth-child(2){background: #7698B7 !important;}
.mobile #openToggleSearchGuideMobile span:nth-child(2){color: #ffffff !important;}
.mobile .flickity-page-dots .dot{background: #7698B7 !important;}
.mobile #jquery-cookie-law-script a.cookie-law-button{background-color: #7698B7;}
 .mobile .liste_tracks tr td + td a, .mobile .liste_tracks .table>tbody>tr>td{color: #000000 !important; font-family: 'ITCAvantGarde Bold' !important; ;}
.mobile #time-current, .mobile footer h3, .mobile footer p, .mobile a#header-userlogin-forgotten {color: #ffffff !important}
.mobile .span-logopowered{margin-inline: auto;}
.mobile .mcpe, .mobile .list-group-item{color: #000000;}
.mobile .ml-5{background-color: #435769 !important; border-radius: 3px;}
.mobile .zoneHeaderMenuBar ul li{margin: 20px 0px;}
.mobile .whitelink a{color: #7698B7; font-size: small;}
.mobile .searchsuggest .columnactive h3 {line-height: inherit;}
.mobile .overlay-advsearch, .mobile #navbar-collapsible-mobile{background-color: #344648 !important;}
.mobile h2, .mobile .nav-sticky .btn, .mobile label, .mobile strong, .mobile .gallery_playlists a span {font-family: 'ITCAvantGarde Bold' !important;}
.mobile .millery-theme-1 .millery-container .millery-top{background: #344648 !important;}
.mobile .millery-top i.fa.fa-chevron-left{background-color: transparent !important;}
.mobile .Pl_wrap.mobile marquee{color: #ffffff;font-family: 'ITCAvantGarde Bold' !important;}
.mobile .headersubcontent .nav-link{border-radius: inherit !important;}
.mobile .divTrack{transition: .2s background;
    box-shadow: rgba(27, 31, 35, 0.07) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;}
.mobile .buttonAllContent-top, .mobile .buttonAllContent, .mobile #openToggleSearchGuideMobile span:nth-child(2){font-family: 'ITCAvantGarde Bold' !important;}
/* Pas de sync Different sur PPM mobile, no padding */
.mobile .formRecherche{padding-top: 0;}
.mobile .cmspage .contenu_onglet b{color: #000000 !important;}
.mobile .gallery_playlists a span{max-width: 80%;}
.mobile .container-tracklist span p strong , .mobile .cartouche-infos p strong {font-family: 'ITCAvantGarde Bold' !important; color: #ffffff;}
.mobile .container-tracklist span p, .mobile .cartouche-infos p{margin: 10px 0;}
.mobile .flickity-prev-next-button.previous{left: 0 !important;}
.mobile .flickity-prev-next-button.next{right: 0 !important;}
.mobile .mobile #navbar-collapsible-mobile.show{z-index: 700 !important; background-color: #212529 !important;}
.mobile #navbar-collapsible-mobile .navbar-nav .nav-link{color: #ffffff !important;}
.mobile #logopoweredby {width: 125px; height: auto;}
.mobile .cmspage p{color: #000000 !important;}
.mobile .headersubcontent.position-sticky {padding: 5px 15px !important;}