/**
 * Page Paiements — cartes d'offres (chargé uniquement sur /paiements/).
 * Blocs natifs WordPress stylés via classes dédiées (pas de builder).
 */

.paiements-intro {
	max-width: 760px;
	margin: 0 auto 2rem;
	text-align: center;
}

/* La grille = wp:columns ; on assure des cartes de hauteur égale et un wrap mobile propre. */
.paiements-grid.wp-block-columns {
	gap: 1.25rem;
	margin-bottom: 2.5rem;
	flex-wrap: wrap;
}
.paiements-grid .wp-block-column {
	flex-basis: 0;
	flex-grow: 1;
	min-width: 240px;
}

.paiements-card.wp-block-group {
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid rgba(37, 99, 235, .15);
	border-top: 4px solid var(--primary, #2563eb);
	border-radius: var(--radius, 12px);
	padding: 1.6rem 1.4rem;
	box-shadow: 0 6px 20px rgba(37, 99, 235, .07);
	text-align: center;
}

.paiements-card h3 {
	margin: 0 0 .4rem;
	font-size: 1.25rem;
}

.paiements-card .paiements-price {
	font-size: 2.2rem;
	font-weight: 800;
	line-height: 1;
	color: var(--primary, #2563eb);
	margin: .2rem 0 .6rem;
}

.paiements-card .paiements-desc {
	font-size: .98rem;
	line-height: 1.5;
	color: #475569;
	margin: 0 0 1.2rem;
	flex-grow: 1; /* pousse le bouton en bas → boutons alignés */
}

.paiements-card .wp-block-buttons {
	margin-top: auto;
	justify-content: center;
}
.paiements-card .wp-block-button__link {
	display: block;
}

/* Cartes « bientôt » : offres dont le lien Quaderno reste à créer. */
.paiements-card--soon.wp-block-group {
	background: #f8fafc;
	border-top-color: #cbd5e1;
	box-shadow: none;
}
.paiements-card--soon .paiements-price {
	color: #64748b;
}
.paiements-card--soon .wp-block-button__link {
	background: #e2e8f0;
	color: #64748b;
	cursor: not-allowed;
	pointer-events: none;
	border-color: #e2e8f0;
}

.paiements-note {
	max-width: 760px;
	margin: 0 auto;
	background: var(--primary-light, #dbeafe);
	border-radius: var(--radius, 12px);
	padding: 1.1rem 1.3rem;
	font-size: .95rem;
	line-height: 1.6;
}

@media (max-width: 600px) {
	.paiements-grid .wp-block-column {
		min-width: 100%;
	}
}

/* Page Paiements : conteneur plus large pour les colonnes (fix 2026-06-15) */
body.page-id-27 .entry-content { max-width: 1100px; }