/* ============================================================
   POSTBIT — clasele .post__* (layout autor stânga / conținut dreapta)
   Legat de tokenii temei MODENA.
   ============================================================ */
.post{
	display:grid;
	grid-template-columns:210px 1fr;
	background:var(--card);
	border:1px solid var(--line-soft);
	border-radius:var(--radius);
	box-shadow:var(--shadow-2);
	overflow:hidden;
	margin-bottom:var(--gap);
}

/* ---- Coloana autor ---- */
.post__author{
	background:var(--raise);
	border-right:1px solid var(--line-soft);
	padding:20px 16px;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
}
.post__author-avatar img{
	width:96px;height:96px;
	border-radius:16px;
	object-fit:cover;
	border:2px solid var(--accent);
	background:var(--card);
}
.post__author-name{
	font-family:var(--font-display);
	font-size:1.15rem;
	letter-spacing:.02em;
	line-height:1.2;
}
.post__author-name a{color:var(--text);}
.post__author-name a:hover{color:var(--accent);}
.post__author-group{
	display:inline-block;
	font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
	padding:3px 10px;border-radius:5px;
	background:rgba(var(--accent-rgb),.14);
	color:var(--accent);
	border:1px solid rgba(var(--accent-rgb),.35);
}
/* variantă VIP dacă o folosești pe grup */
.post__author-group--vip{
	background:rgba(255,200,87,.14);
	color:var(--warning);
	border-color:rgba(255,200,87,.4);
}
.post__author-stats{
	width:100%;
	margin-top:6px;padding-top:12px;
	border-top:1px solid var(--line-soft);
	font-size:.76rem;color:var(--muted);
	line-height:1.7;
	text-align:left;
}
.post__author-stats .postbit_author_details{list-style:none;margin:0;padding:0;}
.post__author-stats strong,.post__author-stats b{color:var(--text);}
.post__author-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}
.post__author-badges img{max-height:20px;width:auto;}
.ougc_awards-stats{width:100%;}
.ougc_awards-stats img{max-height:22px;margin:1px;}

/* ---- Coloana conținut ---- */
.post__content{display:flex;flex-direction:column;min-width:0;}
.post__header{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	padding:12px 18px;
	border-bottom:1px solid var(--line-soft);
	background:linear-gradient(180deg,var(--raise),transparent);
}
.post__header-left{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--muted);}
.post__number a{color:var(--accent);font-weight:700;font-family:var(--font-display);}
.post__date{color:var(--muted);}
.post__header-actions{display:flex;gap:6px;}
.post__action-btn{
	display:inline-grid;place-items:center;
	width:30px;height:30px;border-radius:8px;
	background:var(--card);border:1px solid var(--line);color:var(--muted);
	transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.post__action-btn:hover{border-color:var(--accent);color:var(--accent);}

.post__body{padding:18px;flex:1;min-width:0;}
.post__message{line-height:1.7;color:var(--text);word-wrap:break-word;overflow-wrap:break-word;}
.post__message img{max-width:100%;height:auto;}
.post__signature{
	margin-top:16px;padding-top:12px;
	border-top:1px dashed var(--line);
	color:var(--muted);font-size:.86rem;
}
.post__signature:empty{display:none;}

/* ---- Footer / reacții ---- */
.post__footer{
	display:flex;align-items:center;gap:10px;flex-wrap:wrap;
	padding:12px 18px;
	border-top:1px solid var(--line-soft);
	background:var(--raise);
}
.post__reactions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0;}
/* butoanele MyBB din postbit (reputație, quote, edit, report...) */
.post__reactions a{
	display:inline-flex;align-items:center;gap:6px;
	padding:7px 12px;border-radius:8px;
	background:var(--card);border:1px solid var(--line);color:var(--muted);
	font-size:.78rem;font-weight:600;
	transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease-out);
}
.post__reactions a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);}
.post__reactions a span{display:inline;}

/* butonul principal Reply / quick reply */
.post__reply-btn,
.post__footer .quick_reply_button,
.post__footer input.quick_reply_button{
	display:inline-flex;align-items:center;gap:8px;
	margin-left:auto;
	padding:9px 18px;border:0;border-radius:var(--radius-sm);cursor:pointer;
	font-family:var(--font-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;
	background:linear-gradient(100deg,var(--ember),var(--accent));color:#fff;
	box-shadow:0 10px 26px -14px rgba(var(--accent-rgb),.7);
	transition:transform var(--dur) var(--ease-out);
}
.post__reply-btn:hover,
.post__footer .quick_reply_button:hover{transform:translateY(-2px);color:#fff;}

/* ---- Responsive: autor sus, orizontal ---- */
@media(max-width:720px){
	.post{grid-template-columns:1fr;}
	.post__author{
		flex-direction:row;text-align:left;
		border-right:0;border-bottom:1px solid var(--line-soft);
		flex-wrap:wrap;padding:14px 16px;gap:12px;
	}
	.post__author-avatar img{width:54px;height:54px;border-radius:12px;}
	.post__author-stats{width:auto;margin:0;padding:0;border:0;flex-basis:100%;}
	.post__author-badges{justify-content:flex-start;}
}


/* ============================================================
   POSTBIT (.pb) — completări pentru variabilele reale MyBB
   Clasele .pb-* de bază sunt deja în cs2026.css. Aici doar
   adaptăm output-ul real MyBB (butoane, stats, awards) la
   designul din mockup.
   ============================================================ */

/* --- Stats autor: {$post['user_details']} scoate linii MyBB --- */
.pb-stats{
	width:100%;
	margin-top:14px;padding-top:14px;
	border-top:1px solid var(--line-soft);
	display:flex;flex-direction:column;gap:6px;
	font-size:.78rem;color:var(--muted);
	text-align:left;
}
/* MyBB pune de obicei liniile într-o listă .author_statistics sau cu <br> */
.pb-stats .author_statistics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.pb-stats .author_statistics li,
.pb-stats > div{display:flex;justify-content:space-between;gap:10px;}
.pb-stats b,.pb-stats strong{color:var(--text);font-weight:700;}

.pb-awards{width:100%;}
.pb-awards img{max-height:22px;margin:1px;}
.pb-awards:empty{display:none;}
.pb-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px;}
.pb-badges:empty{display:none;}
.pb-badges img{max-height:18px;width:auto;}

/* --- Butoanele reale MyBB stilizate ca .pb-btn din mockup --- */
.pb-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line-soft);background:var(--raise);}
.pb-foot .postbit_buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0;margin:0;padding:0;list-style:none;}
.pb-foot .postbit_buttons a,
.pb-foot .postbit_buttons .postbit_button{
	display:inline-flex;align-items:center;gap:6px;
	padding:7px 12px;border-radius:8px;
	background:var(--card);border:1px solid var(--line);color:var(--muted);
	font-size:.78rem;font-weight:600;
	transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease-out);
}
.pb-foot .postbit_buttons a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);}
/* păstrează iconițele sprite MyBB dacă butoanele le folosesc */
.pb-foot .postbit_buttons a span{display:inline;}

/* Butonul quick reply / reply principal, aliniat dreapta ca în mockup */
.pb-foot .quick_reply_button,
.pb-foot input.quick_reply_button,
.pb-foot .pb-reply{
	margin-left:auto;
	display:inline-flex;align-items:center;gap:8px;
	padding:9px 18px;border:0;border-radius:var(--radius-sm);cursor:pointer;
	font-family:var(--font-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;
	background:linear-gradient(100deg,var(--ember),var(--accent));color:#fff;
	box-shadow:0 10px 26px -14px rgba(var(--accent-rgb),.7);
	transition:transform var(--dur) var(--ease-out);
}
.pb-foot .quick_reply_button:hover{transform:translateY(-2px);color:#fff;}

/* Ascunde semnătura goală */
.pb-sig:empty{display:none;}