/* Conducteurs.com — styles front-end des articles générés et des archives de rubrique */

/* Titres des articles, de la page des articles et des rubriques : Lato 800, comme les pages du site */
.single-post .entry-header .entry-title,
.error404 .entry-header .entry-title,
.page-header .page-title {
	font-size: 2.3rem;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.01em;
	color: #0d2b4e;
}
.single-post .entry-content > h2 {
	font-size: 1.65rem;
	font-weight: 800;
	line-height: 1.25;
	color: #0d2b4e;
	margin: 1.8em 0 .6em;
}
.single-post .entry-content > h3 {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	color: #0d2b4e;
	margin: 1.5em 0 .5em;
}
.blog .entry-header .entry-title,
.archive .entry-header .entry-title,
.search .entry-header .entry-title {
	font-size: 1.45rem;
	font-weight: 800;
	line-height: 1.25;
}
.blog .entry-title a,
.archive .entry-title a,
.search .entry-title a { color: #0d2b4e; text-decoration: none; }
.blog .entry-title a:hover,
.archive .entry-title a:hover,
.search .entry-title a:hover { color: #1e5bb8; }
@media (max-width: 768px) {
	.single-post .entry-header .entry-title,
	.error404 .entry-header .entry-title,
	.page-header .page-title { font-size: 1.85rem; }
	.single-post .entry-content > h2 { font-size: 1.4rem; }
}

/* Fil d'Ariane au-dessus du titre */
.csg-crumbs {
	font-size: .88rem;
	color: #566070;
	margin: 0 0 10px;
	line-height: 1.5;
}
.csg-crumbs a { color: #566070; text-decoration: none; }
.csg-crumbs a:hover { color: #1e5bb8; text-decoration: underline; }
.csg-crumbs span[aria-hidden] { margin: 0 6px; }

/* Tableaux émis par le générateur (class="csg-comparison-table") */
.csg-comparison-table {
	width: 100%;
	border-collapse: collapse;
	margin: 26px 0;
	font-size: .95rem;
	line-height: 1.5;
}
.csg-comparison-table th {
	background: #e8f0fa;
	color: #0d2b4e;
	text-align: left;
	padding: 12px 14px;
	font-weight: 700;
	border-bottom: 2px solid #1e5bb8;
}
.csg-comparison-table td {
	padding: 11px 14px;
	border-bottom: 1px solid #e3ebf5;
	vertical-align: top;
}
.csg-comparison-table tr:nth-child(even) td {
	background: #fafcff;
}
@media (max-width: 640px) {
	.csg-comparison-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* Encadré de fin d'article */
.csg-cta-box {
	background: linear-gradient(135deg, #0d2b4e 0%, #16467d 100%);
	color: #fff;
	border-radius: 16px;
	padding: 28px 24px;
	margin: 36px 0 10px;
	text-align: center;
}
.csg-cta-box p { margin: 0 auto 12px; max-width: 640px; color: #d9e5f4; }
.csg-cta-box .csg-cta-title { font-size: 1.3rem; font-weight: 800; color: #fff; }
.csg-cta-box .csg-cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 0; }
.csg-cta-box .csg-cta-btn,
.csg-cta-box .csg-cta-link {
	display: inline-block;
	font-weight: 800;
	padding: 12px 22px;
	border-radius: 12px;
	text-decoration: none;
	line-height: 1.2;
}
.csg-cta-box .csg-cta-btn {
	background: #c25400;
	color: #fff;
	box-shadow: 0 6px 14px rgba(194, 84, 0, .25);
}
.csg-cta-box .csg-cta-btn:hover { background: #a84800; color: #fff; text-decoration: none; }
.csg-cta-box .csg-cta-link {
	background: #fff;
	color: #0d2b4e;
}
.csg-cta-box .csg-cta-link:hover { color: #1e5bb8; text-decoration: none; }
/* Première question du parcours de devis, dans l'encadré de fin d'article */
.csg-cta-box .csg-cta-step { margin: 18px auto 4px; font-size: .85rem; color: #b8c9e0; }
.csg-cta-box .csg-cta-q { margin: 0 auto 14px; font-size: 1.15rem; font-weight: 800; color: #fff; }
.csg-cta-box .csg-cta-opts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: none; margin: 0 0 14px; }
.csg-cta-box .csg-cta-opt {
	display: block;
	padding: 14px 12px;
	border: 2px solid transparent;
	border-radius: 12px;
	background: #fff;
	color: #0d2b4e;
	line-height: 1.3;
	text-decoration: none;
	transition: border-color .2s, box-shadow .2s, transform .2s;
}
.csg-cta-box .csg-cta-opt strong { display: block; font-size: 1rem; font-weight: 800; color: #0d2b4e; }
.csg-cta-box .csg-cta-ico { display: block; margin: 0 0 6px; font-size: 1.6rem; line-height: 1; }
.csg-cta-box .csg-cta-sub { display: block; margin-top: 4px; font-size: .85rem; color: #566070; }
.csg-cta-box .csg-cta-opt:hover,
.csg-cta-box .csg-cta-opt:focus { border-color: #f57c00; box-shadow: 0 8px 18px rgba(0, 0, 0, .2); transform: translateY(-1px); color: #0d2b4e; text-decoration: none; outline: none; }
.csg-cta-box .csg-cta-opt:focus-visible { box-shadow: 0 0 0 3px rgba(255, 255, 255, .6); }
.csg-cta-box .csg-cta-more { margin: 0 auto; font-size: .95rem; }
.csg-cta-box .csg-cta-more a { color: #fff; font-weight: 700; text-decoration: underline; }
.csg-cta-box .csg-cta-more a:hover { color: #ffd7ad; }
@media (max-width: 640px) {
	.csg-cta-box .csg-cta-btn, .csg-cta-box .csg-cta-link { width: 100%; text-align: center; }
	.csg-cta-box .csg-cta-opts { grid-template-columns: 1fr; }
	.csg-cta-box .csg-cta-opt { display: grid; grid-template-columns: 34px 1fr; column-gap: 12px; align-items: center; padding: 10px 14px; text-align: left; }
	.csg-cta-box .csg-cta-ico { grid-row: 1 / span 2; margin: 0; font-size: 1.4rem; text-align: center; }
	.csg-cta-box .csg-cta-sub { margin-top: 1px; }
}
@media (prefers-reduced-motion: reduce) {
	.csg-cta-box .csg-cta-opt, .csg-cta-box .csg-cta-opt:hover { transition: none; transform: none; }
}

/* Bloc « À lire aussi » */
.csg-related {
	background: #f2f6fc;
	border: 1px solid #e3ebf5;
	border-radius: 14px;
	padding: 18px 20px;
	margin: 28px 0 0;
}
.csg-related .csg-related-title { font-weight: 800; color: #0d2b4e; margin: 0 0 8px; }
.csg-related ul { margin: 0 0 10px 1.1rem; }
.csg-related li { margin: 0 0 6px; }
.csg-related a { color: #1e5bb8; }
.csg-related .csg-related-more { margin: 0; font-size: .92rem; }

/* Archives de rubrique : liens vers la page de référence et le calculateur */
.csg-cat-links {
	margin: 14px 0 0;
	font-size: .95rem;
	font-weight: 600;
}
.csg-cat-links a { color: #1e5bb8; }
.csg-cat-links span[aria-hidden] { margin: 0 10px; color: #8a94a6; }

/* Page des articles : en-tête et rubriques */
.csg-blog-header .taxonomy-description p:last-child { margin-bottom: 0; }
.csg-blog-header .csg-cat-links { line-height: 1.9; }
.csg-blog-header .csg-cat-links-label { color: #566070; font-weight: 700; margin-right: 4px; }

/* Page des articles et rubriques sans article publié, page 404 */
.csg-empty .csg-empty-title {
	font-size: 1.15rem;
	font-weight: 800;
	color: #0d2b4e;
	margin: 24px 0 10px;
}
.csg-empty .csg-empty-list { margin: 0 0 0 1.1rem; }
.csg-empty .csg-empty-list li { margin: 0 0 8px; }
.csg-empty a { color: #1e5bb8; }
.csg-404 { margin-top: 2em; }

/* Colonne latérale : calculateurs, rubriques, encadré devis */
.csg-side-list { margin: 0 0 0 1.1rem; }
.csg-side-list li { margin: 0 0 8px; }
.csg-side-cta {
	background: linear-gradient(135deg, #0d2b4e 0%, #16467d 100%);
	border-radius: 14px;
	padding: 20px 18px;
}
.csg-side-cta p { margin: 0 0 12px; color: #d9e5f4; font-size: .95rem; line-height: 1.5; }
.csg-side-cta .csg-side-cta-title { font-weight: 800; font-size: 1.1rem; color: #fff; }
.csg-side-cta .csg-side-cta-action { margin: 0; }
.csg-side-cta .csg-side-cta-action a {
	display: block;
	text-align: center;
	background: #c25400;
	color: #fff;
	font-weight: 800;
	padding: 11px 16px;
	border-radius: 12px;
	text-decoration: none;
}
.csg-side-cta .csg-side-cta-action a:hover { background: #a84800; color: #fff; }