/* France Cricket - Derniers posts Facebook
   Style "carte Facebook" pour le shortcode [france_cricket_facebook] */

.fcfb-grid {
	display: grid;
	gap: 20px;
	margin: 24px 0;
}

.fcfb-cols-1 { grid-template-columns: 1fr; }
.fcfb-cols-2 { grid-template-columns: repeat(2, 1fr); }
.fcfb-cols-3 { grid-template-columns: repeat(3, 1fr); }
.fcfb-cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
	.fcfb-cols-3, .fcfb-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
	.fcfb-grid { grid-template-columns: 1fr; }
}

.fcfb-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #dadde1;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #050505;
	transition: box-shadow 0.2s ease;
}

.fcfb-card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}

/* En-tête : avatar + nom + date */
.fcfb-card__header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px 8px;
}

.fcfb-card__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 auto;
}

.fcfb-card__meta {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
	flex: 1 1 auto;
	min-width: 0;
}

.fcfb-card__name {
	font-weight: 600;
	font-size: 15px;
	color: #050505;
	text-decoration: none;
}
.fcfb-card__name:hover { text-decoration: underline; }

.fcfb-card__date {
	font-size: 13px;
	color: #65676b;
}

.fcfb-card__fbicon {
	flex: 0 0 auto;
	display: inline-flex;
}

/* Texte du post */
.fcfb-card__text {
	padding: 4px 14px 12px;
	font-size: 14.5px;
	line-height: 1.4;
	color: #050505;
	word-wrap: break-word;
}

.fcfb-card__more {
	color: #65676b;
	font-weight: 600;
	text-decoration: none;
}
.fcfb-card__more:hover { text-decoration: underline; }

/* Image */
.fcfb-card__imagewrap {
	display: block;
	background: #f0f2f5;
}

.fcfb-card__image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: cover;
}

/* Pied : compteurs + bouton */
.fcfb-card__footer {
	margin-top: auto;
	padding: 10px 14px 12px;
	border-top: 1px solid #eaebef;
}

.fcfb-card__counts {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	color: #65676b;
	padding-bottom: 8px;
}

.fcfb-card__actions {
	display: flex;
}

.fcfb-card__btn {
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #1877F2;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	padding: 8px 12px;
	border-radius: 6px;
	text-decoration: none;
	transition: background 0.2s ease;
}
.fcfb-card__btn:hover { background: #166fe0; color: #fff; }

/* Message d'erreur (visible seulement pour les administrateurs) */
.fcfb-error {
	border: 1px solid #f0c0c0;
	background: #fff5f5;
	color: #a30000;
	padding: 12px 14px;
	border-radius: 6px;
	font-size: 14px;
}