/* Adaptations on top of the captured overdrive CSS (css/overdrive-used.css):
   Fluent Forms styled like the original GF "orbital" red theme, Font Awesome
   Pro→Free glyph remaps, and the click-to-load YouTube previews. */

/* ---------- FA Pro-only glyphs → closest Free equivalents ---------- */
.fa-phone-arrow-up-right::before {
	content: "\f095"; /* fa-phone */
}
.fa-tombstone::before {
	content: "\f5a6"; /* fa-monument */
}
.fa-brain-circuit::before {
	content: "\f5dc"; /* fa-brain */
}

/* ---------- Fluent Forms in the original GF orbital look ---------- */
.octane-form-slot .fluentform .ff-el-group {
	margin-bottom: 14px;
}
.octane-form-slot .fluentform .ff-el-input--label label {
	color: #112337;
	font-weight: 500;
}
.octane-form-slot .fluentform .ff-el-form-control {
	width: 100%;
	background: #fff;
	color: #112337;
	border: 1px solid #686e77;
	border-radius: 3px;
	padding: 10px 12px;
	font-size: 16px;
}
.octane-form-slot .fluentform .ff-el-form-control:focus {
	border-color: #e92727;
	outline: none;
}
.octane-form-slot .fluentform .ff-btn-submit {
	background: #e92727;
	color: #fff;
	border: none;
	border-radius: 3px;
	font-weight: 600;
	padding: 12px 28px;
	cursor: pointer;
}
.octane-form-slot .fluentform .ff-btn-submit:hover {
	background: #b70000;
}
.octane-form-slot .fluentform .ff-message-success {
	border: 1px solid #e92727;
	color: #112337;
	padding: 15px;
	border-radius: 3px;
}

/* ---------- YouTube click-to-load previews ---------- */
.youtube-preview {
	position: relative;
	cursor: pointer;
	aspect-ratio: 16 / 9;
	background: #112337 center / cover no-repeat;
}
.youtube-preview::after {
	content: "\f04b"; /* fa-play */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #fff;
	font-size: 42px;
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(17, 35, 55, 0.45);
}
.youtube-embed-wrapper iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}

/* Phase 2: migrated blog-post header (overdrive-era posts) */
.lbj-post-header{padding-top:var(--wp--preset--spacing--large,48px)}
.lbj-post-header h1{margin-bottom:.25em}
.lbj-post-meta{color:#666;font-size:.9em;margin-top:0}
/* legacy genesis content sits inside the overdrive shell */
.lbj-legacy{overflow-x:hidden}
.lbj-legacy main.content{display:block}

/* Phase 2: blog archive grid */
.lbj-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}
.lbj-post-card{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding-bottom:1rem}
.lbj-post-card img{width:100%;height:180px;object-fit:cover;display:block}
.lbj-post-card h2{font-size:1.05rem;line-height:1.35;margin:.75rem 1rem .25rem}
.lbj-post-card p{margin:.25rem 1rem;font-size:.9rem}
.lbj-post-card a{text-decoration:none;color:inherit}
.lbj-pagination{text-align:center;margin:2.5rem 0}
.lbj-pagination .page-numbers{display:inline-block;padding:.4em .8em;margin:0 .15em;border:1px solid #ddd;border-radius:4px;text-decoration:none}
.lbj-pagination .page-numbers.current{background:#e92727;color:#fff;border-color:#e92727}