/*
 Theme Name:  Faithful Father — Topbar Child
 Theme URI:   https://thefaithfulfather.com
 Description: Forces a horizontal Topbar header (logo left, menu right) and includes homepage grid + post typography refinements. Excludes cornerstone posts from the home grid.
 Author:      The Faithful Father + ChatGPT
 Version:     1.1.0
 Template:    faithful-father
 Text Domain: faithful-father-topbar-child
 License:     GPL-2.0-or-later
*/
.ff-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; }
.ff-topbar{ position:sticky; top:0; z-index:1000; width:100%; background:#fff; border-bottom:1px solid rgba(10,31,68,.12); }
.ff-topbar .inner{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 24px; }
.ff-topbar .custom-logo{ max-height:56px; width:auto; }
.ff-topbar .site-title a{ font-size:28px; line-height:1.1; color:#0A1F44; text-decoration:none; font-weight:800; }
.ff-topbar .site-description{ font-size:13px; color:#6b7280; }
.ff-topbar .menu{ list-style:none; display:flex; gap:18px; margin:0; padding:0; }
.ff-topbar .menu a{ color:#111827; text-decoration:none; font-weight:600; }
.ff-topbar .menu a:hover{ color:#0A1F44; }
.ff-topbar .menu a[href*="start-here"]{ background:#CBA135; color:#0A1F44; padding:.35rem .7rem; border-radius:999px; font-weight:700; }
.ff-topbar .menu a[href*="start-here"]:hover{ filter:brightness(.95); }
.ff-leftbar, .site-header.sidebar, .legacy-leftbar, .sidebar-header{ display:none !important; }
.ff-hero{ margin:24px auto 12px; }
.ff-hero .wp-block-cover__inner-container, .ff-hero .wp-block-group__inner-container{ max-width:900px; margin:0 auto; text-align:center; }
.cornerstone-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0 12px; }
.cornerstone-card{ background:#0A1F44; color:#fff; padding:16px 18px; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.06); display:flex; flex-direction:column; gap:8px; }
.cornerstone-card h3{ color:#fff; margin:0; }
.cornerstone-card p{ margin:0; opacity:.9; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.cornerstone-card .ff-btn{ align-self:flex-start; background:#CBA135; color:#0A1F44; border-radius:999px; padding:.55rem 1rem; font-weight:700; text-decoration:none; }
.ff-grid{ margin:28px 0 36px; }
.ff-grid .grid{ display:grid; gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.ff-grid .card{ display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid rgba(10,31,68,.12); border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.03); }
.ff-grid .thumb{ aspect-ratio:3/2; overflow:hidden; }
.ff-grid .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .2s ease; display:block; }
.ff-grid .thumb a:hover img{ transform:scale(1.03); }
.ff-grid .content{ padding:12px 14px; display:flex; flex-direction:column; gap:8px; }
.ff-grid .content h3{ margin:.2rem 0; font-size:22px; }
.ff-grid .meta{ margin-top:auto; color:#6b7280; font-size:.92rem; }
@media (max-width:1024px){ .cornerstone-row{ grid-template-columns:repeat(2,minmax(0,1fr)); } .ff-grid .grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .cornerstone-row{ grid-template-columns:1fr; } .ff-grid .grid{ grid-template-columns:1fr; } }
.single .entry-content, .page .entry-content{ max-width:72ch; margin:0 auto; line-height:1.65; font-size:18px; }
.single .entry-content h2, .page .entry-content h2{ font-size:clamp(22px,3vw,30px); margin:2.2rem 0 .7rem; padding-bottom:.35rem; border-bottom:2px solid rgba(10,31,68,.12); }
.verse-box{ background:#0A1F44; color:#fff; padding:16px 18px; border-radius:12px; margin:22px 0; }
.salvation-cta{ background:#0b1220; color:#fff; padding:22px 18px; border-radius:14px; margin:36px 0 0; }
.salvation-cta .ff-btn{ display:inline-block; background:#CBA135; color:#0A1F44; padding:.6rem 1rem; border-radius:999px; font-weight:700; text-decoration:none; }