
/* =============================================
   Blog Post Typography & Text Formatting
   ============================================= */

/* --- Base Content Wrapper --- */
.elementor-widget-theme-post-content {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.125rem;
	/* 18px */
	line-height: 1.8;
	color: #2c2c2c;
	max-width: 780px;
	margin: 0 auto;
	padding: 0 1.5rem;
	word-break: break-word;
}

/* --- Headings --- */
.elementor-widget-theme-post-content h1, .elementor-widget-theme-post-content h2, .elementor-widget-theme-post-content h3, .elementor-widget-theme-post-content h4, .elementor-widget-theme-post-content h5, .elementor-widget-theme-post-content h6 {
	font-family: "Segoe UI", Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.3;
	color: #1a1a1a;
	margin-top: 2em;
	margin-bottom: .6em;
}

.elementor-widget-theme-post-content h2 {
	font-size: 1.75rem;
	/* 28px */
	border-bottom: 2px solid #e8e8e8;
	padding-bottom: .3em;
}

.elementor-widget-theme-post-content h3 {
	font-size: 1.375rem;
	/* 22px */
	color: #333;
}

.elementor-widget-theme-post-content h4 {
	font-size: 1.125rem;
}

/* --- Paragraphs --- */
.elementor-widget-theme-post-content p {
	margin-top: 0;
	margin-bottom: 1.4em;
}

/* --- Links --- */
.elementor-widget-theme-post-content a {
	color: #fd6732;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color .2s ease;
}

.elementor-widget-theme-post-content a:hover {
	color: #fd6732;
}

/* --- Lists --- */
.elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol {
	margin: 0 0 1.4em 0;
	padding-left: 1.6em;
}

.elementor-widget-theme-post-content ul {
	list-style-type: disc;
}

.elementor-widget-theme-post-content ol {
	list-style-type: decimal;
}

.elementor-widget-theme-post-content li {
	margin-bottom: .5em;
	line-height: 1.7;
}

.elementor-widget-theme-post-content li strong {
	color: #1a1a1a;
}

/* --- Strong & Em --- */
.elementor-widget-theme-post-content strong {
	font-weight: 700;
	color: #1a1a1a !important;
}

.elementor-widget-theme-post-content em {
	font-style: italic;
}

/* --- Blockquote --- */
.elementor-widget-theme-post-content blockquote {
	border-left: 4px solid #1a73e8;
	margin: 1.8em 0;
	padding: .8em 1.4em;
	background: #f4f8ff;
	border-radius: 0 4px 4px 0;
	font-style: italic;
	color: #444;
}

/* --- Images --- */
.elementor-widget-theme-post-content img {
	max-width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
	margin: 1.5em auto;
}

/* --- FAQ Sections (h3 inside content) --- */
.elementor-widget-theme-post-content h3 + p {
	margin-top: .3em;
}

/* =============================================
   Responsive Breakpoints
   ============================================= */

/* --- Tablet (max 1024px) --- */
@media (max-width: 1024px) {
	.elementor-widget-theme-post-content {
		font-size: 1.0625rem;
		/* 17px */
		padding: 0 1.25rem;
	}
	
	.elementor-widget-theme-post-content h2 {
		font-size: 1.5rem;
	}
	
	.elementor-widget-theme-post-content h3 {
		font-size: 1.25rem;
	}
}

/* --- Mobile (max 768px) --- */
@media (max-width: 768px) {
	.elementor-widget-theme-post-content {
		font-size: 1rem;
		/* 16px */
		line-height: 1.75;
		padding: 0 1rem;
	}
	
	.elementor-widget-theme-post-content h2 {
		font-size: 1.375rem;
		/* 22px */
		margin-top: 1.6em;
	}
	
	.elementor-widget-theme-post-content h3 {
		font-size: 1.125rem;
	}
	
	.elementor-widget-theme-post-content ul, .elementor-widget-theme-post-content ol {
		padding-left: 1.25em;
	}
	
	.elementor-widget-theme-post-content blockquote {
		padding: .6em 1em;
	}
}

/* --- Small Mobile (max 480px) --- */
@media (max-width: 480px) {
	.elementor-widget-theme-post-content {
		font-size: .9375rem;
		/* 15px */
		padding: 0 .75rem;
	}
	
	.elementor-widget-theme-post-content h2 {
		font-size: 1.25rem;
	}
	
	.elementor-widget-theme-post-content h3 {
		font-size: 1.0625rem;
	}
	
	.elementor-widget-theme-post-content a {
		word-break: break-all;
		/* prevent long URLs breaking layout */
		color: #fd6732;
	}
}
