/* ============================================================
   IT Space IA — feuille de style du thème
   Reprend le langage visuel du pitch FAGW :
   fond bleu nuit, cartes sur surfaces foncées, surtitres cyan,
   icônes en cercle, accent latéral coloré, lueur sur images.
   ============================================================ */

:root {
	--itsp-glow: 0 0 0 1px rgba(91, 192, 248, 0.10), 0 18px 50px -20px rgba(0, 0, 0, 0.6);
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Subtle blueprint grid behind dark sections, like the deck background */
.has-base-background-color,
.wp-block-group.has-base-background-color {
	background-image:
		linear-gradient(rgba(91, 192, 248, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(91, 192, 248, 0.035) 1px, transparent 1px);
	background-size: 56px 56px;
	background-position: center;
}

/* ---- Surtitre / eyebrow ---- */
.wp-block-heading.is-style-eyebrow,
h1.is-style-eyebrow, h2.is-style-eyebrow, h3.is-style-eyebrow,
h4.is-style-eyebrow, h5.is-style-eyebrow, h6.is-style-eyebrow {
	color: var(--wp--preset--color--primary);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.wp-block-heading.is-style-eyebrow::before {
	content: "";
	width: 28px;
	height: 3px;
	border-radius: 3px;
	background: var(--wp--preset--gradient--accent, linear-gradient(90deg, #5BC0F8, #43D8A0));
	flex: 0 0 auto;
}

/* ---- Cartes ---- */
.wp-block-group.is-style-card,
.wp-block-group.is-style-card-accent {
	background-color: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 14px;
	padding: var(--wp--preset--spacing--50, 2.5rem);
	box-shadow: var(--itsp-glow);
	transition: transform 0.18s ease, border-color 0.18s ease;
}
.wp-block-group.is-style-card:hover,
.wp-block-group.is-style-card-accent:hover {
	transform: translateY(-3px);
	border-color: rgba(91, 192, 248, 0.45);
}
.wp-block-group.is-style-card-accent {
	border-left: 3px solid var(--wp--preset--color--primary);
}

/* ---- Image encadrée avec lueur (façon visuel cerveau du deck) ---- */
.wp-block-image.is-style-framed img {
	border-radius: 16px;
	border: 1px solid rgba(91, 192, 248, 0.25);
	box-shadow: 0 0 60px -15px rgba(53, 199, 230, 0.5);
}

/* ---- Boutons : variation outline disponible ---- */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--primary);
	border: 1px solid var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: rgba(91, 192, 248, 0.12);
	color: var(--wp--preset--color--contrast);
}

/* ---- Icône en cercle (utilisée dans les patterns) ---- */
.itsp-icon {
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	border: 1.5px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	font-size: 1.35rem;
	line-height: 1;
	flex: 0 0 auto;
}
.itsp-icon.is-mint { border-color: var(--wp--preset--color--mint); color: var(--wp--preset--color--mint); }
.itsp-icon.is-amber { border-color: var(--wp--preset--color--amber); color: var(--wp--preset--color--amber); }
.itsp-icon.is-violet { border-color: var(--wp--preset--color--violet); color: var(--wp--preset--color--violet); }

/* ---- En-tête / nav ---- */
.wp-block-template-part .wp-block-navigation a {
	font-weight: 500;
}

/* ---- Lisibilité du contenu ---- */
.wp-block-post-content p,
.entry-content p { max-width: 70ch; }

/* ---- Pied de page atténué ---- */
.itsp-footer-meta { color: var(--wp--preset--color--muted); font-size: 0.875rem; }

/* ---- Focus accessible ---- */
a:focus-visible, button:focus-visible, .wp-block-button__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--cyan);
	outline-offset: 2px;
}