.profil-card{
  position:fixed; inset:0;
  background:rgba(0,0,0,0.55);
  display:flex; align-items:center; justify-content:center;
  z-index:9999;
}
.profil-box{
  width:340px;
  background:#ffffff;
  border-radius:14px;
  padding:16px;
  text-align:center;
}
.profil-header{display:flex; flex-direction:column; align-items:center; gap:8px}
.profil-name{font-weight:800; font-size:16px}
.profil-info{margin-top:10px; display:flex; flex-direction:column; gap:6px}
.pc-badge{display:inline-block; padding:6px 10px; border-radius:999px; background:#eef3ff; font-weight:700}
.pc-mini{font-size:13px; opacity:.8}
.profil-bio{margin-top:10px; font-size:14px}
.profil-stats{display:flex; justify-content:space-around; margin-top:12px; font-size:14px}
.profil-actions{margin-top:14px; display:flex; gap:10px; justify-content:center; align-items:center; flex-wrap:wrap}
.profil-actions button{border:0; padding:8px 12px; border-radius:12px; cursor:pointer; background:#2b6bff; color:#fff; font-weight:700}
.profil-actions #pc_fav{background:#ffb300; color:#222}

.authorPseudo{
 cursor:pointer;
}

.authorPseudo:hover{
 text-decoration:underline;
}

.postGallery{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:6px;
  margin-top:10px;
  width:100%;
}

.postGallery img{
  width:100%;
  height:auto;
  border-radius:10px;
  display:block;
  object-fit:cover;
}

/* si une seule image */
.postGallery img:only-child{
  grid-column:1 / -1;
}

.postGallery img{
  max-width:100%;
}

.post{
  width:100%;
}

.post div[style*="flex:1"]{
  width:100%;
}

.postContent{
  flex:1;
}

.btnNewPost{

display:inline-flex;
align-items:center;
gap:8px;

padding:10px 16px;

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

border-radius:12px;

border:none;

background:linear-gradient(135deg,#ff7a18,#ff3d00);
color:white;

cursor:pointer;

box-shadow:0 4px 12px rgba(0,0,0,.25);

transition:all .2s ease;

}

/* hover */

.btnNewPost:hover{

transform:translateY(-1px);

box-shadow:0 6px 16px rgba(0,0,0,.35);

}

/* click */

.btnNewPost:active{

transform:scale(.97);

}

.btnPost{
padding:10px 18px;
border:none;
border-radius:12px;

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

color:white;

background:linear-gradient(135deg,#ff7a18,#ff3d00);

cursor:pointer;

box-shadow:0 4px 12px rgba(0,0,0,0.25);

transition:all .2s ease;
}

/* hover */

.btnPost:hover{
transform:translateY(-1px);
box-shadow:0 6px 16px rgba(0,0,0,0.35);
}

/* clic */

.btnPost:active{
transform:scale(.96);
}

/* mobile */

@media (max-width:768px){

.btnPost{
padding:12px 20px;
font-size:16px;
}

}


/* mobile */

@media (max-width:600px){

.btnNewPost{

width:100%;
justify-content:center;

}

  .postGallery{
    grid-template-columns:repeat(2,1fr);
    gap:4px;
  }

}