/* Mise en page des articles du blog Terre en Bulle.
   Couleurs du site : bleu-vert #29515c (texte), orange #fa6525 (boutons). */

/* Titre de l'article : à gauche, plus petit */
.single-post h1.u-blog-control {
	font-size: 2.3rem !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	text-align: left !important;
	letter-spacing: 0 !important;
	margin-top: 28px !important;
	margin-bottom: 12px !important;
}

/* Texte : aligné à gauche (le thème le justifie) */
.single-post .u-post-content {
	text-align: left !important;
}

.single-post .u-post-content p {
	margin: 0 0 1em;
}

/* Intertitres : à gauche, plus petits, avec un trait orange */
.single-post .u-post-content h2 {
	font-size: 1.55rem !important;
	line-height: 1.3 !important;
	font-weight: 500 !important;
	text-align: left !important;
	letter-spacing: 0 !important;
	margin: 2.2em 0 0.7em !important;
	padding-top: 0.6em;
	position: relative;
}

.single-post .u-post-content h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 3px;
	border-radius: 2px;
	background: #fa6525;
}

/* Listes */
.single-post .u-post-content ul.wp-block-list {
	padding-left: 1.3em;
	margin: 0.4em 0 1.3em;
}

.single-post .u-post-content ul.wp-block-list li {
	margin-bottom: 0.45em;
}

.single-post .u-post-content ul.wp-block-list li::marker {
	color: #fa6525;
}

/* Étapes numérotées dans des pastilles */
.single-post .u-post-content ol.teb-etapes {
	list-style: none;
	counter-reset: teb-etape;
	padding: 0;
	margin: 1em 0 1.5em;
}

.single-post .u-post-content ol.teb-etapes li {
	counter-increment: teb-etape;
	position: relative;
	padding: 0.15em 0 0 3.1em;
	margin-bottom: 1.1em;
	min-height: 2.2em;
}

.single-post .u-post-content ol.teb-etapes li::before {
	content: counter(teb-etape);
	position: absolute;
	left: 0;
	top: 0;
	width: 2.1em;
	height: 2.1em;
	border-radius: 50%;
	background: #29515c;
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Encadré « En bref » */
.single-post .u-post-content .teb-encadre {
	background: #eef5f6;
	border-left: 4px solid #29515c;
	border-radius: 10px;
	padding: 1.1em 1.4em 0.5em;
	margin: 1.6em 0 2em;
}

.single-post .u-post-content .teb-encadre .teb-encadre-titre {
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fa6525;
	margin-bottom: 0.4em;
}

/* Citation */
.single-post .u-post-content .teb-citation {
	margin: 1.6em 0;
	padding: 0.3em 0 0.3em 1.3em;
	border-left: 4px solid #fa6525;
	background: none;
}

.single-post .u-post-content .teb-citation p {
	font-size: 1.3rem;
	line-height: 1.45;
	font-style: italic;
	margin: 0;
}

/* Photos */
.single-post .u-post-content figure.wp-block-image {
	margin: 2em 0;
}

.single-post .u-post-content figure.wp-block-image img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
}

.single-post .u-post-content figure.wp-block-image figcaption {
	font-size: 0.85rem;
	font-style: italic;
	text-align: center;
	opacity: 0.8;
	margin-top: 0.6em;
}

/* Encadré d'invitation + bouton */
.single-post .u-post-content .teb-cta {
	background: #fdf0e9;
	border-radius: 14px;
	padding: 1.5em 1.6em 1.6em;
	margin: 1em 0 1.8em;
}

.single-post .u-post-content .teb-cta p:last-of-type {
	margin-bottom: 1.2em;
}

.single-post .u-post-content .teb-bouton a.wp-block-button__link {
	display: inline-block;
	background: #fa6525;
	color: #fff !important;
	border-radius: 25px;
	padding: 0.7em 1.8em;
	font-weight: 600;
	text-decoration: none !important;
	transition: background 0.2s;
}

.single-post .u-post-content .teb-bouton a.wp-block-button__link:hover {
	background: #e0541a;
}

/* Lien vers un autre article */
.single-post .u-post-content .teb-liens {
	font-size: 0.95rem;
	opacity: 0.9;
}

/* À propos de l'auteur */
.single-post .teb-auteur {
	display: flex;
	gap: 1.5em;
	align-items: center;
	text-align: left;
	border-top: 1px solid #d5e3e6;
	padding: 2em 0 0.5em;
	margin: 2.5em 0 1em;
}

.single-post .teb-auteur img.teb-auteur-photo {
	flex: 0 0 130px;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #fff;
	box-shadow: 0 0 0 2px #29515c;
}

.single-post .teb-auteur p {
	margin: 0 0 0.5em !important;
}

.single-post .teb-auteur .teb-auteur-titre {
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: #fa6525 !important;
	margin-bottom: 0.2em !important;
}

.single-post .teb-auteur .teb-auteur-nom {
	font-size: 1.3rem !important;
	font-weight: 600 !important;
	color: #29515c !important;
}

.single-post .teb-auteur .teb-auteur-lien a {
	color: #fa6525;
	font-weight: 600;
	text-decoration: none;
}

.single-post .teb-auteur .teb-auteur-lien a:hover {
	text-decoration: underline;
}

/* Téléphone */
@media (max-width: 767px) {
	.single-post .teb-auteur {
		flex-direction: column;
		text-align: center;
		gap: 1em;
	}

	.single-post .teb-auteur img.teb-auteur-photo {
		flex-basis: auto;
		width: 110px;
		height: 110px;
	}

	.single-post h1.u-blog-control {
		font-size: 1.7rem !important;
	}

	.single-post .u-post-content h2 {
		font-size: 1.3rem !important;
	}

	.single-post .u-post-content .teb-citation p {
		font-size: 1.12rem;
	}

	.single-post .u-post-content .teb-encadre,
	.single-post .u-post-content .teb-cta {
		padding-left: 1.1em;
		padding-right: 1.1em;
	}
}

/* Photos en hauteur (portrait) : hauteur limitée, centrées */
.single-post .u-post-content figure.wp-block-image img {
	width: auto !important;
	max-width: 100% !important;
	max-height: 480px;
	margin: 0 auto;
}

/* Colonne de gauche (articles récents, sujets) : liens en bleu-vert, plus doux que l'orange */
.single-post .wp-block-latest-posts a,
.single-post .u-categories-item-content a,
.single-post a.u-categories-item-content {
	color: #29515c !important;
	text-decoration: none !important;
}

.single-post .wp-block-latest-posts a:hover,
.single-post .u-categories-item-content a:hover,
.single-post a.u-categories-item-content:hover {
	color: #29515c !important;
	text-decoration: underline !important;
}

.single-post .wp-block-latest-posts li {
	margin-bottom: 0.7em;
}