/* Custom Content Styles for AudeActif */
/* Larger, more readable text */

/* Use same font stack as navigation - system fonts, no webfonts */
body,
.cm-site-title,
.cm-site-title a,
.cm-site-description,
.entry-title,
h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Header Layout - Logo and Site Info Side-by-Side */
.cm-header-col-1 {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 25px !important;
	padding: 10px 0 !important;
}

.cm-site-branding {
	flex: 0 0 auto;
}

.cm-site-info {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
}

.cm-site-title {
	margin: 0 0 5px 0;
	font-size: 28px;
	line-height: 1.2;
}

.cm-site-description {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
	color: #666;
}

body {
	font-size: 17px;
	line-height: 1.7;
}

.cm-content p {
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 1.2em;
}

.cm-content li {
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 0.5em;
}

.cm-entry-summary {
	font-size: 17px;
}

/* --- Sidebar layout (preserves the live WP right-sidebar pattern) -----
 *
 * Live WP renders <div id="cm-secondary"> next to .cm-primary. The
 * static rebuild kept .cm-primary { width: 70%; } in inline <style>
 * but didn't ship the float/flex rules that put .cm-secondary at the
 * remaining 30%. These rules restore that.
 */
#main.clearfix {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}

.cm-primary {
	flex: 1 1 60%;
	min-width: 0;
}

.cm-secondary {
	flex: 0 0 280px;
	max-width: 300px;
	font-size: 15px;
}

.cm-secondary .widget {
	margin-bottom: 24px;
}

.cm-secondary .wp-caption-text {
	text-align: center;
	font-size: 14px;
	color: #555;
	margin-top: 6px;
}

/* Stack on narrow viewports — sidebar drops below content */
@media screen and (max-width: 768px) {
	#main.clearfix {
		flex-direction: column;
	}
	.cm-secondary {
		flex: 1 1 auto;
		max-width: 100%;
	}
}