/* =========================================================================
 * Tableau activités (CACC) — affichage front
 * Desktop : tableau identique à la maquette
 * Mobile  : chaque ligne devient une carte lisible
 * ========================================================================= */

.bcact-tablewrap{
	width:100%;
	border:2px solid #c9b8f0;          /* liseré violet clair */
	border-radius:14px;
	overflow:hidden;
	box-shadow:0 8px 26px rgba(20,16,60,.10);
	background:#fff;
	box-sizing:border-box;
}

/* permet le scroll horizontal sur écrans intermédiaires */
@media (min-width:769px){
	.bcact-tablewrap{overflow-x:auto;}
}

.bcact-table{
	width:100%;
	border-collapse:collapse;
	margin:0;
	font-size:15px;
	color:#16161d;
}

/* ---- En-tête ---- */
.bcact-table thead th{
	background:#0c0c63;                 /* bleu nuit */
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:.5px;
	text-align:center;
	padding:18px 14px;
	font-size:13.5px;
	line-height:1.25;
	white-space:nowrap;
}

.bcact-table thead th:first-child,
.bcact-table thead th:nth-child(2){
	text-align:left;
}

/* ---- Cellules ---- */
.bcact-table tbody td{
	padding:16px 14px;
	border-top:1px solid #ececf3;
	text-align:center;
	vertical-align:middle;
}

.bcact-table tbody tr:nth-child(even){
	background:#f7f7fb;
}

.bcact-table tbody tr:hover{
	background:#f0eefb;
}

.bcact-cell--activite{
	text-align:left;
	font-weight:700;
	text-transform:uppercase;
	color:#16161d;
	white-space:nowrap;
}

.bcact-cell--prof{
	text-align:left;
	color:#7a7a85;
	text-transform:uppercase;
	font-size:14px;
}

.bcact-cell--age{
	font-weight:700;
	color:#16161d;
	letter-spacing:.5px;
}

/* =========================================================================
 * MOBILE : transformation en cartes (≤ 768px)
 * ========================================================================= */
@media (max-width:768px){

	.bcact-tablewrap{
		border:none;
		box-shadow:none;
		background:transparent;
		border-radius:0;
	}

	.bcact-table,
	.bcact-table tbody,
	.bcact-table tbody tr,
	.bcact-table tbody td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}

	/* on masque l'en-tête de tableau */
	.bcact-table thead{
		display:none;
	}

	/* chaque ligne = une carte */
	.bcact-table tbody tr{
		background:#fff !important;
		border:2px solid #c9b8f0;
		border-radius:14px;
		margin:0 0 18px;
		overflow:hidden;
		box-shadow:0 6px 18px rgba(20,16,60,.10);
	}

	.bcact-table tbody td{
		text-align:left;
		padding:12px 16px;
		border-top:1px solid #f0f0f5;
		display:flex;
		justify-content:space-between;
		align-items:center;
		gap:14px;
	}

	/* on n'affiche pas les cases vides sur mobile */
	.bcact-table tbody td:empty{
		display:none;
	}

	/* libellé de colonne devant chaque valeur */
	.bcact-table tbody td::before{
		content:attr(data-label);
		font-weight:600;
		color:#6b6b76;
		text-transform:uppercase;
		font-size:12px;
		letter-spacing:.4px;
	}

	/* titre de la carte = nom de l'activité (bandeau bleu nuit) */
	.bcact-cell--activite{
		background:#0c0c63;
		color:#fff !important;
		font-size:16px;
		padding:14px 16px;
		border-top:none;
	}
	.bcact-cell--activite::before{
		display:none;
	}

	.bcact-cell--prof{
		color:#16161d;
	}
	.bcact-cell--prof::before{
		content:"Prof";
	}

	.bcact-cell--age{
		color:#1f9d57;                 /* OUI en vert sur mobile, bien lisible */
	}
}