/* =========================================================
   ANNONCE V2
   LAYOUT COMMUN PLAISIRS MARKET
   ========================================================= */

*{
    box-sizing:border-box;
}

html,
body{
    margin:0 !important;
    padding:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

body{
    background:#f4f5f6 !important;
    color:#202225 !important;
}


/* =========================================================
   CONTENU A DROITE DU SIDEBAR
   ========================================================= */

#shop-search,
main.annonce-page{
    width:calc(100% - 250px) !important;
    max-width:none !important;

    margin-left:250px !important;

    box-sizing:border-box !important;
}


/* =========================================================
   RECHERCHE VENDEUR
   ========================================================= */

#shop-search{
    margin-top:0 !important;
    margin-bottom:18px !important;

    padding:105px 30px 20px !important;

    background:#f4f5f6 !important;

    border:0 !important;

    box-shadow:none !important;
}


#shop-search > *{
    max-width:1000px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}


#shop-search h2{
    margin:0 0 12px !important;

    color:#202225 !important;

    font-size:14px !important;

    font-weight:900 !important;
}


#shop-search form{
    max-width:850px !important;
}


#shop-search input{
    min-height:44px !important;

    background:#fff !important;

    border:1px solid #dfe1e4 !important;

    border-radius:9px !important;

    box-shadow:none !important;
}


#shop-search button{
    min-height:44px !important;

    padding:0 17px !important;

    background:#202225 !important;

    color:#fff !important;

    border:0 !important;

    border-radius:9px !important;

    font-weight:850 !important;

    box-shadow:none !important;
}


/* =========================================================
   FICHE PRINCIPALE
   ========================================================= */

main.annonce-page{
    width:calc(100% - 310px) !important;
    max-width:1050px !important;

    margin:
        0 auto 40px
        calc(250px + ((100% - 250px - min(1050px,100% - 310px)) / 2))
        !important;

    padding:24px !important;

    background:#fff !important;

    border:1px solid #e1e3e6 !important;

    border-radius:16px !important;

    box-shadow:
        0 6px 20px rgba(0,0,0,.045) !important;

    align-items:stretch !important;
}


/* =========================================================
   VENDEUR
   ========================================================= */

.vendeur-card{
    width:100% !important;

    margin:0 0 20px !important;

    padding:22px !important;

    background:#fff !important;

    border:1px solid #e1e3e6 !important;

    border-radius:14px !important;

    box-shadow:none !important;
}


.vendeur-grid{
    gap:18px !important;
}


.vendeur-logo{
    border-radius:50% !important;

    overflow:hidden !important;
}


.vendeur-logo img{
    border-radius:50% !important;
}


/* =========================================================
   BOUTONS ACTIONS VENDEUR
   ========================================================= */

.vendeur-actions-row{
    gap:9px !important;
}


.btn-vendeur,
.btn-messagerie,
.btn-email,
.btn-panier{
    min-height:46px !important;

    padding:0 15px !important;

    border-radius:9px !important;

    border:1px solid #202225 !important;

    box-shadow:none !important;

    font-size:13px !important;

    font-weight:850 !important;
}


.btn-messagerie{
    background:#202225 !important;

    color:#fff !important;
}


.btn-email{
    background:#fff !important;

    color:#202225 !important;

    border-color:#d9dce0 !important;
}


.btn-panier{
    background:#202225 !important;

    color:#fff !important;
}


/* =========================================================
   PRIX + FAVORI
   ========================================================= */

.annonce-prix-row{
    gap:12px !important;

    align-items:center !important;
}


.price-new,
.annonce-price-main{
    color:#202225 !important;

    font-weight:950 !important;
}


.pm-fav-btn{
    min-height:41px !important;

    padding:0 13px !important;

    background:#fff !important;

    color:#e91683 !important;

    border:1px solid #e91683 !important;

    border-radius:8px !important;

    box-shadow:none !important;

    font-size:13px !important;

    font-weight:850 !important;
}


/* =========================================================
   TITRE
   ========================================================= */

.annonce-titre{
    margin:20px 0 15px !important;

    color:#202225 !important;

    font-size:clamp(27px,3vw,38px) !important;

    line-height:1.08 !important;

    letter-spacing:-1px !important;

    font-weight:950 !important;
}


/* =========================================================
   PETITES INFOS
   ========================================================= */

.annonce-meta{
    gap:7px !important;
}


.annonce-vues,
.avis-summary,
.translate-btn{
    min-height:36px !important;

    padding:0 10px !important;

    background:#f3f4f5 !important;

    color:#44484d !important;

    border:1px solid #e0e2e5 !important;

    border-radius:8px !important;

    box-shadow:none !important;

    font-size:13px !important;
}


/* =========================================================
   PARTAGE
   ========================================================= */

.pm-share-box{
    margin-top:25px !important;

    padding:20px !important;

    background:#f7f8f9 !important;

    border:1px solid #e1e3e6 !important;

    border-radius:12px !important;
}


.pm-share-box h3,
.pm-share-title{
    color:#202225 !important;
}


.pm-share-box a,
.pm-share-box button{
    box-shadow:none !important;
}


/* =========================================================
   GALERIE
   ========================================================= */

.annonce-galerie{
    width:100% !important;

    max-width:none !important;

    margin:25px 0 !important;

    padding:0 !important;

    gap:12px !important;
}


.media-item-view{
    background:#f6f7f8 !important;

    border:1px solid #e1e3e6 !important;

    border-radius:12px !important;

    box-shadow:none !important;
}


/* =========================================================
   BLOCS INFO
   ========================================================= */

.livraison-ups,
.livraison-vendeur,
.livraison-main-propre,
.annonce-vacances,
.info-garage-immo{
    background:#f7f8f9 !important;

    color:#45494e !important;

    border:1px solid #e1e3e6 !important;

    border-left:3px solid #202225 !important;

    border-radius:9px !important;

    box-shadow:none !important;
}


/* =========================================================
   BAS / PARTENAIRES / FOOTER
   ========================================================= */

#pmPartnersBottomWrap{
    width:calc(100% - 250px) !important;

    margin-left:250px !important;

    box-sizing:border-box !important;
}


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

@media(max-width:1050px){

    #shop-search,
    main.annonce-page,
    #pmPartnersBottomWrap{
        width:100% !important;

        max-width:none !important;

        margin-left:0 !important;
    }


    #shop-search{
        padding:
            95px 14px 18px
            !important;
    }


    main.annonce-page{
        width:calc(100% - 28px) !important;

        margin:0 auto 30px !important;

        padding:18px !important;
    }

}


/* =========================================================
   GSM
   ========================================================= */

@media(max-width:650px){

    #shop-search{
        padding:
            90px 10px 14px
            !important;
    }


    main.annonce-page{
        width:calc(100% - 20px) !important;

        padding:14px !important;
    }


    .vendeur-actions-row{
        display:grid !important;

        grid-template-columns:1fr !important;
    }


    .vendeur-actions-row > *{
        width:100% !important;
    }

}



/* =========================================================
   ANNONCE V2 - CORRECTION ALIGNEMENT GLOBAL
   ========================================================= */


/* ---------------------------------------------------------
   1. MOTEUR : LE FAIRE DESCENDRE SOUS LE HEADER COMMUN
   --------------------------------------------------------- */

#shop-search{
    padding-top:135px !important;
}


/* ---------------------------------------------------------
   2. PARTENAIRES / PUBLICITES : CENTRAGE ZONE CONNECTEE
   --------------------------------------------------------- */

#pmPartnersBottomWrap{
    width:calc(100% - 250px) !important;
    max-width:none !important;

    margin-left:250px !important;
    margin-right:0 !important;

    padding-left:30px !important;
    padding-right:30px !important;

    box-sizing:border-box !important;

    text-align:center !important;
}


#pmPartnersBottomWrap > *{
    max-width:1100px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}


/* Si le bloc partenaires contient un carousel/grid interne */

#pmPartnersBottomWrap .pm-partners,
#pmPartnersBottomWrap .pm-partners-grid,
#pmPartnersBottomWrap .pm-partners-carousel,
#pmPartnersBottomWrap .market-partners{
    margin-left:auto !important;
    margin-right:auto !important;

    justify-content:center !important;
}


/* ---------------------------------------------------------
   3. FOOTER COMMUN : CENTRE SOUS LA ZONE PRINCIPALE
   --------------------------------------------------------- */

.pmc-footer{
    width:calc(100% - 250px) !important;

    margin-left:250px !important;

    box-sizing:border-box !important;

    text-align:center !important;
}


.pmc-footer > *{
    max-width:1100px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}


/* Compatibilité si le footer utilise encore une autre classe */

footer.pmc-footer,
footer.market-connected-footer,
.market-connected-footer{
    width:calc(100% - 250px) !important;

    margin-left:250px !important;

    padding-left:30px !important;
    padding-right:30px !important;

    box-sizing:border-box !important;

    text-align:center !important;
}


/* ---------------------------------------------------------
   TABLETTE + GSM
   --------------------------------------------------------- */

@media(max-width:1050px){

    #shop-search{
        padding-top:115px !important;
    }


    #pmPartnersBottomWrap,
    .pmc-footer,
    footer.pmc-footer,
    footer.market-connected-footer,
    .market-connected-footer{
        width:100% !important;

        margin-left:0 !important;

        padding-left:14px !important;
        padding-right:14px !important;
    }

}


@media(max-width:650px){

    #shop-search{
        padding-top:105px !important;
    }

}


/* CENTRER TITRE MOTEUR RECHERCHE VENDEUR */
#shop-search h2{
    width:100% !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}



/* =========================================================
   ANNONCE V2 - FINITION INTERIEUR CARTE
   ========================================================= */


/* ACTIONS VENDEUR : CENTRAGE + MEME LARGEUR */

.vendeur-actions-row{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:10px !important;

    margin:22px auto 18px !important;

    align-items:stretch !important;
}


.vendeur-actions-row > *{
    width:100% !important;

    min-height:48px !important;

    display:flex !important;

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

    margin:0 !important;

    text-align:center !important;
}


/* PRIX + INTERET */

.annonce-prix-row{
    width:100% !important;

    display:flex !important;

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

    gap:12px !important;

    margin:8px auto 12px !important;

    text-align:center !important;
}


.annonce-price-main,
.price-new{
    margin:0 !important;

    font-size:32px !important;

    line-height:1 !important;
}


.pm-fav-btn{
    margin:0 !important;

    min-height:42px !important;

    padding:0 15px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;
}


/* PIECE UNIQUE / TYPE ANNONCE */

.annonce-type,
.annonce-condition,
.annonce-stock,
.annonce-unique{
    width:max-content !important;

    max-width:100% !important;

    margin:10px auto !important;

    padding:8px 12px !important;

    display:flex !important;

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

    background:#f5f6f7 !important;

    color:#45494e !important;

    border:1px solid #e1e3e6 !important;

    border-radius:8px !important;

    font-size:13px !important;

    font-weight:700 !important;

    text-align:center !important;
}


/* SI LE TEXTE N'A PAS DE CLASSE PRECISE */

#annonce-top > p,
#annonce-top > div > p{
    text-align:center;
}


/* TITRE ANNONCE */

.annonce-titre{
    width:100% !important;

    margin:22px auto 15px !important;

    text-align:center !important;
}


/* AVIS / VUES / TRADUIRE */

.annonce-meta{
    width:100% !important;

    display:flex !important;

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

    flex-wrap:wrap !important;

    gap:8px !important;

    margin:15px auto 22px !important;
}


.annonce-vues,
.avis-summary,
.translate-btn{
    min-width:82px !important;

    min-height:38px !important;

    padding:0 11px !important;

    display:inline-flex !important;

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

    margin:0 !important;

    border-radius:8px !important;

    text-align:center !important;

    font-size:13px !important;

    font-weight:750 !important;
}


/* PARTAGE : UN PEU PLUS PROPRE */

.pm-share-box{
    max-width:760px !important;

    margin:25px auto !important;

    text-align:center !important;
}


.pm-share-box h3,
.pm-share-title{
    text-align:center !important;
}


/* TABLETTE */

@media(max-width:1050px){

    .vendeur-actions-row{
        grid-template-columns:1fr !important;
    }

}


/* GSM */

@media(max-width:650px){

    .annonce-prix-row{
        flex-direction:column !important;
    }


    .annonce-meta{
        justify-content:center !important;
    }

}



/* =========================================================
   PARTAGE ANNONCE - VERSION PROPRE
   PC = SUR UNE LIGNE
   GSM = LES UNS SOUS LES AUTRES
   ========================================================= */


/* CONTENEUR GLOBAL DU PARTAGE */

.pm-share-box,
.annonce-share,
.share-annonce,
.partage-annonce{
    width:100% !important;
    max-width:900px !important;

    margin:28px auto !important;

    padding:20px !important;

    background:#f7f8f9 !important;

    border:1px solid #e1e3e6 !important;
    border-radius:14px !important;

    box-shadow:none !important;

    text-align:center !important;
}


/* TITRE */

.pm-share-box h3,
.pm-share-title,
.annonce-share h3,
.share-annonce h3{
    width:100% !important;

    margin:0 0 14px !important;

    color:#202225 !important;

    font-size:17px !important;
    font-weight:900 !important;

    text-align:center !important;
}


/* =========================================================
   BOUTON PLAISIRS SOCIAL
   ========================================================= */

.pm-share-social,
.pm-share-plaisirs,
a[href*="plaisirs-social"]{
    width:100% !important;

    min-height:46px !important;

    margin:0 0 10px !important;

    padding:0 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:10px !important;

    box-shadow:none !important;

    font-size:14px !important;
    font-weight:850 !important;

    text-align:center !important;
}


/* =========================================================
   LIGNE FACEBOOK / INSTAGRAM / TIKTOK
   ========================================================= */

.pm-share-buttons,
.share-buttons,
.social-share-buttons{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr)) !important;

    gap:10px !important;

    margin:0 auto !important;
}


/* BOUTONS SOCIAUX */

.pm-share-buttons a,
.share-buttons a,
.social-share-buttons a{
    width:100% !important;

    min-height:44px !important;

    padding:0 14px !important;

    display:flex !important;

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

    margin:0 !important;

    border-radius:9px !important;

    box-shadow:none !important;

    font-size:13px !important;
    font-weight:850 !important;

    text-align:center !important;

    text-decoration:none !important;
}


/* FACEBOOK */

.pm-share-buttons a[href*="facebook"],
.share-buttons a[href*="facebook"],
.social-share-buttons a[href*="facebook"]{
    background:#1877f2 !important;
    color:#fff !important;
}


/* INSTAGRAM */

.pm-share-buttons a[href*="instagram"],
.share-buttons a[href*="instagram"],
.social-share-buttons a[href*="instagram"]{
    background:linear-gradient(
        90deg,
        #ff7a32,
        #e91683,
        #8b32d9
    ) !important;

    color:#fff !important;
}


/* TIKTOK */

.pm-share-buttons a[href*="tiktok"],
.share-buttons a[href*="tiktok"],
.social-share-buttons a[href*="tiktok"]{
    background:#111 !important;
    color:#fff !important;
}


/* =========================================================
   SI LES 3 BOUTONS SONT DIRECTEMENT DANS LE BLOC
   SANS WRAPPER
   ========================================================= */

.pm-share-box > a[href*="facebook"],
.pm-share-box > a[href*="instagram"],
.pm-share-box > a[href*="tiktok"]{
    min-width:0 !important;
}


/* =========================================================
   PC : TOUT SUR UNE LIGNE SOUS PLAISIRS SOCIAL
   ========================================================= */

@media(min-width:701px){

    .pm-share-box,
    .annonce-share,
    .share-annonce{
        display:flex !important;

        flex-wrap:wrap !important;

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

        gap:10px !important;
    }


    .pm-share-box h3,
    .pm-share-title,
    .annonce-share h3,
    .share-annonce h3{
        flex:0 0 100% !important;
    }


    .pm-share-social,
    .pm-share-plaisirs,
    a[href*="plaisirs-social"]{
        flex:0 0 100% !important;
    }


    .pm-share-buttons,
    .share-buttons,
    .social-share-buttons{
        flex:0 0 100% !important;
    }

}


/* =========================================================
   GSM : TOUS LES BOUTONS VERTICAUX
   ========================================================= */

@media(max-width:700px){

    .pm-share-box,
    .annonce-share,
    .share-annonce,
    .partage-annonce{
        width:100% !important;

        padding:16px 12px !important;
    }


    .pm-share-buttons,
    .share-buttons,
    .social-share-buttons{
        grid-template-columns:1fr !important;

        gap:8px !important;
    }


    .pm-share-buttons a,
    .share-buttons a,
    .social-share-buttons a,
    .pm-share-social,
    .pm-share-plaisirs,
    a[href*="plaisirs-social"]{
        width:100% !important;

        min-height:46px !important;

        margin:0 !important;
    }


    .pm-share-social,
    .pm-share-plaisirs,
    a[href*="plaisirs-social"]{
        margin-bottom:8px !important;
    }

}


/* =========================================================
   FIX SIDEBAR - PLAISIRS SOCIAL
   Neutralise les styles du bouton de partage annonce
   ========================================================= */

#pm-v3-sidebar a.pm-v3-nav-link[href="/plaisirs-social.php"] {
    width: 100% !important;
    min-height: initial !important;
    height: auto !important;

    margin: 0 !important;
    padding: 8px 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

#pm-v3-sidebar a.pm-v3-nav-link[href="/plaisirs-social.php"] > span {
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
}

/* =========================================================
   ALIGNEMENT BOUTON PARTAGE PLAISIRS SOCIAL
   ========================================================= */

.annonce-share .share-btn.social {
    position: relative !important;
    top: -3px !important;
}