/* Babillard Culture Laurentides — styles de base (surchargeables par le thème). */

.babillard { max-width: 1100px; margin: 0 auto; }

/* ---- Filtres ---- */
.babillard-filtres {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 28px;
}
.babillard-filtres__ligne {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	flex: 1 1 auto;
}
.babillard-filtres__texte,
.babillard-filtres__select {
	padding: 9px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font: inherit;
	background: #fff;
}
.babillard-filtres__texte { flex: 1 1 200px; }
.babillard-filtres__submit {
	padding: 9px 20px;
	border: 0;
	border-radius: 4px;
	background: #222;
	color: #fff;
	cursor: pointer;
	font: inherit;
}
.babillard-ajouter {
	display: inline-block;
	padding: 9px 18px;
	border-radius: 4px;
	background: #e8b400;
	color: #222;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

/* ---- Liste ---- */
.babillard-liste {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
}
.babillard-tuile {
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow .15s ease;
}
.babillard-tuile:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.babillard-tuile__lien { display: block; color: inherit; text-decoration: none; height: 100%; }
.babillard-tuile__entete {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 12px 14px;
	background: #f6f6f6;
}
.babillard-tuile__type {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.babillard-tuile__cat {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #ddd;
}
.babillard-tuile__corps { padding: 14px; }
.babillard-tuile__titre { margin: 0 0 8px; font-size: 18px; }
.babillard-tuile__extrait { font-size: 14px; color: #444; }
.babillard-tuile__fichier { display: inline-block; margin-top: 8px; }

/* Accent de couleur par type (facultatif). */
.babillard-tuile--offre       .babillard-tuile__entete { border-top: 3px solid #2a9d8f; }
.babillard-tuile--besoin      .babillard-tuile__entete { border-top: 3px solid #e76f51; }
.babillard-tuile--au-courant  .babillard-tuile__entete { border-top: 3px solid #457b9d; }

/* ---- Pagination ---- */
.babillard-pagination { margin-top: 28px; text-align: center; }
.babillard-pagination .page-numbers {
	display: inline-block;
	padding: 6px 12px;
	margin: 0 2px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: #222;
}
.babillard-pagination .current { background: #222; color: #fff; border-color: #222; }

/* ---- Vide ---- */
.babillard-vide { padding: 40px 0; text-align: center; color: #777; }

/* ---- Détail ---- */
.babillard-detail__entete { margin-bottom: 20px; }
.babillard-detail__titre { margin: 10px 0 0; }
.babillard-detail__coordonnees {
	margin: 24px 0;
	padding: 18px 20px;
	background: #f6f6f6;
	border-radius: 6px;
}
.babillard-detail__coordonnees p { margin: 6px 0; }
.babillard-detail__retour { margin-top: 30px; }

/* ---- Formulaire ---- */
.babillard-formulaire__choix { margin: 20px 0; }
.babillard-formulaire__choix label { display: block; margin-bottom: 10px; font-weight: 600; }
.babillard-formulaire__choix select { padding: 9px 12px; border: 1px solid #ccc; border-radius: 4px; font: inherit; }
.babillard-formulaire__retour { margin-top: 20px; }

@media (max-width: 600px) {
	.babillard-filtres { flex-direction: column; align-items: stretch; }
	.babillard-ajouter { text-align: center; }
}