/* zaraspace/static/css/publication_base.css */

/* ====== HEADER ====== */
.zs-pub-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.5rem;
}

.zs-pub-left{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}

/* ====== TITRE (2 lignes max) ====== */
.zs-pub-title{
  margin:0;
  line-height:1.2;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-weight:700;
  font-size:1.05rem;
}

/* Dot kind */
.zs-kind-dot{
  display:inline-block;
  width:20px;
  height:3px;
  margin-right:2px;
  border-radius:10%;
  vertical-align:middle;
  flex-shrink:0;
}

/* ✅ variantes couleur (remplace le style inline) */
.zs-kind-dot--opportunite{ background-color:#0d6efd; }
.zs-kind-dot--service{ background-color:#ffc107; }
.zs-kind-dot--formation{ background-color:#198754; }

/* ====== META auteur + date (même ligne) ====== */
.zs-pub-meta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem 1rem;
  color:#6c757d;
  font-size:.85rem;
  min-width:0;
}

.zs-pub-author{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  min-width:0;
}

.zs-pub-author-name{
  font-weight:600;
  color:#212529;
  text-decoration:none;
  display:inline-block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.zs-pub-author-name:hover{ text-decoration:underline; }

.zs-pub-author-avatar{
  width:20px;
  height:20px;
  object-fit:cover;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.08);
  display:block;
  flex:0 0 auto;
}

.zs-pub-date{
  display:inline-flex;
  align-items:center;
  gap:.2rem;
  white-space:nowrap;
}

/* ====== VERSION PRÉCÉDENTE (talent/partenaire) ====== */
.zs-pub-author-row{
  display:flex;
  align-items:center;
  min-width:0;
}
.zs-pub-author-avatar-lg{
  width:40px;
  height:40px;
  object-fit:cover;
  border-radius:50%;
}
.zs-pub-meta{ min-width:0; }

.zs-pub-actions{
  display:flex;
  align-items:center;
  gap:.35rem;
  flex:0 0 auto;
  margin-left:auto;
}

.zs-follow-btn{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.2rem .5rem;
  line-height:1;
  white-space:nowrap;
}
.zs-follow-btn i{ font-size:1.05rem; }

.zs-ellipsis-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  padding:0;
  border-radius:.5rem;
}
.zs-ellipsis-btn::after{ display:none !important; }

/* Force les retours à la ligne CKEditor */
.ck-output p{
  display:block !important;
  margin:0 0 .2rem 0 !important;
}
.ck-output p:last-child{ margin-bottom:0 !important; }

/* ⚠️ :has() pas supporté partout. On évite. */
.ck-output p:empty{ min-height:.2rem; }
.ck-output img{ vertical-align:middle; }

/* ====== FOOTER INTERACTIONS ====== */
.zs-pub-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  flex-wrap:wrap;
}

.zs-pub-footer-left{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:.5rem;
}

.zs-pub-footer-right{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-left:auto;
}

.zs-pub-footer-right .zs-icon-group{
  display:flex;
  align-items:center;
  gap:.35rem;
}

.zs-pub-footer-right .zs-copy-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:.5rem;
}