/* ── IA Analyser Sharer — Styles publics ─────────────────────────────────── */

.ias-wrap {
	margin: 2rem 0;
	padding: 1.25rem 1.5rem 1.5rem;
	background: #f9fafb;
	border-radius: 1rem;
	text-align: center;
	font-family: inherit;
	box-sizing: border-box;
}

/* Accroche */
.ias-heading {
	margin: 0 0 1rem;
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #6b7280;
	line-height: 1.4;
}

.ias-heading__highlight {
	color: #f97316;
	font-weight: 700;
}

/* Conteneur des boutons */
.ias-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

/* Bouton de base */
.ias-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.45rem 1rem 0.45rem 0.75rem;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 100px;
	cursor: pointer;
	color: #374151;
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background-color 0.2s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
	-webkit-appearance: none;
	appearance: none;
}

.ias-btn:hover,
.ias-btn:focus-visible {
	color: var(--ias-hover, #374151);
	border-color: var(--ias-hover, #374151);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
	background: #fff;
	outline: none;
}

/* Icône SVG */
.ias-btn__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	flex-shrink: 0;
	color: inherit; /* currentColor → suit la couleur du bouton */
}

.ias-btn__icon svg {
	width: 100%;
	height: 100%;
}

/* Label texte */
.ias-btn__label {
	white-space: nowrap;
}

/* ── Surcharges par IA (couleur de hover via CSS variable) ─────────────────
   Le dev peut surcharger ces couleurs avec :
   .ias-btn--chatgpt   { --ias-hover: #custom; }
   ─────────────────────────────────────────────────────────────────────────── */

/* Responsive */
@media (max-width: 480px) {
	.ias-wrap {
		padding: 1rem;
	}

	.ias-buttons {
		gap: 0.375rem;
	}

	.ias-btn {
		font-size: 0.8125rem;
		padding: 0.4rem 0.75rem 0.4rem 0.6rem;
	}
}