/* =========================================================
   PLAISIRS MARKET
   PLANETES COMMON UI V1
   ========================================================= */

:root {

    --pmp-shell: #17191d;
    --pmp-shell-2: #1d2025;

    --pmp-border: rgba(255,255,255,.08);

    --pmp-text: #ffffff;
    --pmp-muted: #a9adb5;

    --pmp-page: #f4f5f7;
    --pmp-card: #ffffff;

    --pmp-radius: 12px;

    --pmp-sidebar-width: 240px;
    --pmp-header-height: 64px;
}


/* =========================================================
   RESET PLANETES
   ========================================================= */

html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    background: var(--pmp-page) !important;
    color: #202124;
    overflow-x: hidden;
}


/* =========================================================
   HEADER COMMUN
   ========================================================= */

.pmp-topbar {

    position: fixed;

    top: 0;
    right: 0;
    left: var(--pmp-sidebar-width);

    height: var(--pmp-header-height);

    padding: 0 18px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    background: var(--pmp-shell) !important;

    border-bottom: 1px solid var(--pmp-border);

    box-sizing: border-box;

    z-index: 100000;
}


.pmp-topbar-brand {

    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 150px;
}


.pmp-brand-text {

    display: flex;
    flex-direction: column;

    line-height: 1.15;
}


.pmp-brand-text strong {

    color: var(--pmp-text);

    font-size: 14px;
    font-weight: 800;
}


.pmp-brand-text span {

    color: var(--pmp-muted);

    font-size: 11px;
    font-weight: 600;

    margin-top: 3px;
}


/* =========================================================
   BOUTON MENU
   ========================================================= */

.pmp-menu-toggle {

    display: none;

    width: 38px;
    height: 38px;

    align-items: center;
    justify-content: center;

    background: #22252a;

    color: #fff;

    border: 1px solid var(--pmp-border);
    border-radius: 9px;

    font-size: 19px;

    cursor: pointer;
}


/* =========================================================
   ACTIONS HEADER
   ========================================================= */

.pmp-topbar-actions {

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 7px;

    min-width: 0;

    overflow-x: auto;

    scrollbar-width: none;
}


.pmp-topbar-actions::-webkit-scrollbar {
    display: none;
}


.pmp-header-btn {

    height: 38px;

    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    background: #202329;

    color: #f5f5f5;

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 9px;

    text-decoration: none;

    font-size: 12px;
    font-weight: 700;

    white-space: nowrap;

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease;
}


.pmp-header-btn:hover {

    background: #292d34;

    border-color: rgba(255,255,255,.20);

    transform: translateY(-1px);
}


/* Favoris reste bien visible */

.pmp-favorites-btn {

    background: #fff !important;

    color: #202124 !important;

    border-color: #fff !important;
}


/* Mon profil social */

.pmp-social-profile {

    background: #262a30;

    color: #fff;
}


/* Déconnexion */

.pmp-logout-btn {

    color: #ffb8b8;

    border-color: rgba(255,100,100,.22);
}


/* =========================================================
   SIDEBAR
   On harmonise la sidebar commune existante
   ========================================================= */

#pm-v3-sidebar,
.pm-v3-sidebar {

    background: var(--pmp-shell) !important;

    border-right: 1px solid var(--pmp-border) !important;
}


#pm-v3-sidebar .pm-v3-brand,
#pm-v3-sidebar .pm-v3-nav-link {

    color: #e6e8eb !important;
}


#pm-v3-sidebar .pm-v3-nav-label {

    color: #777d87 !important;
}


/* =========================================================
   CONTENU PLANETE
   Remplit tout l'espace restant
   ========================================================= */

.pm-planete-content {

    width: calc(100% - var(--pmp-sidebar-width));

    min-height: calc(100vh - var(--pmp-header-height));

    margin-left: var(--pmp-sidebar-width);

    padding:
        calc(var(--pmp-header-height) + 28px)
        28px
        45px;

    background: var(--pmp-page);

    box-sizing: border-box;
}


.pm-planete-inner {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;
}


/* =========================================================
   CARTES GENERIQUES PLANETES
   ========================================================= */

.pm-planete-card {

    background: var(--pmp-card);

    border: 1px solid #e1e3e6;

    border-radius: 14px;

    padding: 22px;

    box-sizing: border-box;
}


/* =========================================================
   FOOTER COMMUN
   Même couleur que sidebar + header
   ========================================================= */

.pm-planete-footer,
.market-connected-footer,
footer.pm-footer {

    margin-left: var(--pmp-sidebar-width) !important;

    width: calc(100% - var(--pmp-sidebar-width)) !important;

    background: var(--pmp-shell) !important;

    color: #d8dade !important;

    border-top: 1px solid var(--pmp-border) !important;

    box-sizing: border-box !important;
}


.pm-planete-footer a,
.market-connected-footer a,
footer.pm-footer a {

    color: #fff !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1100px) {

    .pmp-topbar {

        left: 0;

        height: auto;
        min-height: 62px;

        padding: 10px 12px;
    }


    .pmp-menu-toggle {
        display: inline-flex;
    }


    .pmp-brand-text {
        display: none;
    }


    .pm-planete-content {

        width: 100%;

        margin-left: 0;

        padding:
            88px
            18px
            35px;
    }


    .pm-planete-footer,
    .market-connected-footer,
    footer.pm-footer {

        width: 100% !important;

        margin-left: 0 !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .pmp-topbar {

        gap: 8px;

        padding: 9px 8px;
    }


    .pmp-topbar-brand {
        min-width: auto;
    }


    .pmp-header-btn {

        height: 36px;

        padding: 0 10px;

        font-size: 11px;
    }


    .pm-planete-content {

        padding:
            82px
            10px
            25px;
    }


    .pm-planete-card {
        padding: 15px;
    }

}


/* =========================================================
   PLANETES - MODE FULL BLACK
   Uniformisation totale du fond
   ========================================================= */

html,
body {
    background:#0b0c10 !important;
}

body {
    color:#f2f2f2 !important;
}

/* Zone principale */
.pm-planete-content {
    background:#0b0c10 !important;
}

/* Conteneur interne */
.pm-planete-inner {
    background:#0b0c10 !important;
}

/* Cartes génériques */
.pm-planete-card,
.pm-planete-content .card,
.pm-planete-content section,
.pm-planete-content article {
    background:#111318 !important;
    color:#f2f2f2 !important;
    border-color:rgba(255,255,255,.08) !important;
}

/* Stats */
.pm-planete-content .marketStats,
.pm-planete-content .marketStats .statCard {
    background:transparent !important;
}

.pm-planete-content .marketStats .statCard {
    background:#111318 !important;
    color:#f2f2f2 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:none !important;
}

/* Textes stats */
.pm-planete-content .marketStats .statCard,
.pm-planete-content .marketStats .statCard * {
    color:#f2f2f2 !important;
}

/* Titres */
.pm-planete-content h1,
.pm-planete-content h2,
.pm-planete-content h3,
.pm-planete-content h4,
.pm-planete-content strong {
    color:#ffffff !important;
}

/* Textes secondaires */
.pm-planete-content p,
.pm-planete-content li,
.pm-planete-content span {
    color:#d7d9dd;
}

/* Footer connecté */
.market-connected-footer,
footer.pm-footer,
.pm-planete-footer {
    background:#0b0c10 !important;
    color:#d7d9dd !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
}

/* Fond du footer complet */
.market-connected-footer *,
footer.pm-footer *,
.pm-planete-footer * {
    background-color:transparent !important;
}

/* Zones blanches éventuelles */
.pm-planete-content .container,
.pm-planete-content .wrapper,
.pm-planete-content .content,
.pm-planete-content .page,
.pm-planete-content .section {
    background-color:transparent !important;
}

/* Inputs / selects */
.pm-planete-content input,
.pm-planete-content select,
.pm-planete-content textarea {
    background:#15171c !important;
    color:#fff !important;
    border-color:#34373e !important;
}

/* Boutons clairs */
.pm-planete-content button {
    color:#fff;
}

/* Liens */
.pm-planete-content a {
    color:inherit;
}

/* Séparateurs */
.pm-planete-content hr {
    border-color:rgba(255,255,255,.08) !important;
}

/* TABLETTE / MOBILE */
@media(max-width:1024px) {
    .pm-planete-content {
        background:#0b0c10 !important;
    }
}



/* =========================================================
   PLANETES V1 - FOOTER FULL BLACK DEFINITIF
   ========================================================= */

.market-connected-footer,
.market-connected-footer > *,
.market-connected-footer .container,
.market-connected-footer .wrapper,

footer,
footer > *,
footer .container,
footer .wrapper,

.pm-footer,
.pm-footer > *,

.pm-planete-footer,
.pm-planete-footer > * {
    background:#0b0c10 !important;
    background-color:#0b0c10 !important;
    color:#d7d9dd !important;
    box-shadow:none !important;
}


/* Supprime toute bande blanche autour du footer */

.pm-planete-content + footer,
.pm-planete-inner + footer,
body > footer {
    background:#0b0c10 !important;
}


/* Liens footer */

.market-connected-footer a,
footer a,
.pm-footer a,
.pm-planete-footer a {
    color:#ffffff !important;
}


/* Bordure discrète uniquement */

.market-connected-footer,
footer,
.pm-footer,
.pm-planete-footer {
    border-top:1px solid rgba(255,255,255,.08) !important;
}


/* Toute la fin de page reste noire */

html,
body {
    background:#0b0c10 !important;
    min-height:100% !important;
}


/* =========================================================
   PLANETES V1 - NOIR CONTINU JUSQU'AU FOOTER
   ========================================================= */

html,
body,
body.page-infos {
    background:#090a0d !important;
}

.pm-planete-content,
.pm-planete-inner,
main,
.container {
    background:#090a0d !important;
}

/* Suppression de la bande claire avant le footer */
.pm-planete-content {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
}

footer,
.pm-footer,
.market-footer {
    margin-top:0 !important;
    background:#090a0d !important;
}