/* Le Pin Bleu — habillage complémentaire au theme.json. L'Étoile du Web. */

/* Bandeau de contact au-dessus de l'en-tête */
.lpb-topbar { font-size: .84rem; letter-spacing: .01em; }
.lpb-topbar a { color: #fff; text-decoration: none; }
.lpb-topbar a:hover { text-decoration: underline; }

/* Surtitre de section */
.lpb-eyebrow {
	font-size: .8125rem; font-weight: 600; letter-spacing: .14em;
	text-transform: uppercase; color: var(--wp--preset--color--terracotta);
}

/* Cartes métiers */
.lpb-card {
	background: #fff; border: 1px solid var(--wp--preset--color--line);
	height: 100%; display: flex; flex-direction: column;
}
.lpb-card .wp-block-buttons, .lpb-card .lpb-card-link { margin-top: auto; }
.lpb-icon {
	width: 52px; height: 52px; border-radius: 50%;
	background: var(--wp--preset--color--indigo-soft);
	display: flex; align-items: center; justify-content: center;
}
.lpb-icon svg { width: 25px; height: 25px; stroke: var(--wp--preset--color--indigo); }

/* Filets et pastilles */
.lpb-rule { display: inline-block; width: 42px; height: 2px; background: var(--wp--preset--color--apricot); }
.lpb-chip {
	border: 1px solid var(--wp--preset--color--line); background: #fff;
	padding: .5rem 1rem; font-size: .9rem;
}

/* Emplacement à renseigner — visible en maquette, à retirer une fois rempli */
.lpb-placeholder {
	background: #FFF3D6; border: 1px dashed #C9A227; color: #8A6D0B;
	font-size: .78rem; font-weight: 600; padding: .15rem .5rem; display: inline-block;
}

/* Vignettes de réalisations */
.lpb-figure img { width: 100%; height: 246px; object-fit: cover; display: block; }
.lpb-figure figcaption { padding: 1.1rem 1.25rem; }

/* Hero de page intérieure : image assombrie, texte lisible par-dessus */
.lpb-page-hero .wp-block-cover__image-background { opacity: .42; }
.lpb-page-hero, .lpb-page-hero :is(h1, p) { color: #fff; }

/* Le lien du fil d'Ariane et des liens sur fond sombre */
.lpb-on-dark a { color: var(--wp--preset--color--apricot); }

@media (max-width: 781px) {
	.lpb-figure img { height: 200px; }
	.lpb-topbar { font-size: .78rem; }
}