/* ============================================================
   INTÉGRATION DU CADRE « TOP 5 » (inc/widget.php, 01/10/2026)
   Chargée sur deux pages seulement : la page « Intégrez notre
   comparatif » (aperçu, code à copier) et la page source du
   classement (invitation sous le résumé). Variables de style.css
   et de la fiche du marché, jamais de couleur en dur.
   CONTRÔLE : comme css/widget.css, garde-fous lancés sur le bloc
   :root de style.css suivi de cette feuille (fait le 01/10/2026).
   ============================================================ */

.recup-integration__apercu {
	margin: 24px 0;
}

.recup-integration__apercu iframe {
	display: block;
}

.recup-integration {
	margin: 24px 0;
	padding: 16px;
	background-color: var(--carte);
	border: 1px solid var(--bordure);
	border-radius: 12px;
}

.recup-integration__label {
	display: block;
	margin-bottom: 8px;
	font-family: var(--police-titres);
	font-weight: 800;
	font-size: 15px;
}

.recup-integration__code {
	display: block;
	width: 100%;
	padding: 12px;
	border: 1px solid var(--bordure);
	border-radius: 8px;
	background-color: var(--fond-zebre);
	color: var(--ink);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; /* fixe : code à copier, en chasse fixe sur tous les sites */
	font-size: 13px;
	line-height: 1.5;
	resize: vertical;
}

.recup-integration__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin-top: 12px;
}

.recup-integration__copier {
	padding: 12px 24px;
	border: 0;
	border-radius: var(--rayon-cta);
	background-color: var(--cta-fond);
	background-image: var(--degrade-boutons);
	color: var(--cta-texte);
	font-family: var(--police-titres);
	font-style: italic;
	font-weight: 800;
	font-stretch: var(--capitales-chasse);
	font-size: 13px;
	text-transform: var(--capitales-casse);
	letter-spacing: calc(0.05em * var(--capitales-interlettrage));
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.recup-integration__copier:hover,
.recup-integration__copier:focus-visible {
	background-color: var(--cta-fond-survol);
	background-image: none;
}

.recup-integration__statut {
	font-size: 14px;
	font-weight: 600;
	color: var(--vert);
}

/* Invitation sous le résumé du classement de la page source */

.recup-integration-appel {
	margin: 12px 0 0;
	font-size: 14px;
	color: var(--texte-meta);
	text-align: right;
}

.recup-integration-appel a {
	color: var(--olive-fonce);
}

@media (max-width: 767px) {
	.recup-integration-appel {
		text-align: left;
	}
}