/* ============================================================================
 * 1st Call Solar — RESIDENTIAL bespoke-section classes (M1 editability pass).
 * Each class holds, verbatim, the inline style that a bespoke seed block used to
 * carry, so those blocks can drop their invalid inline styles and become valid,
 * editable core blocks. Scoped under .entry-content to preserve the exact cascade
 * (inline styles used to win at specificity 1,0,0; .entry-content .fc-* = 0,2,0
 * and loads after extras.css). Grid/flex wrappers ALSO get the .fc-grid/.fc-flexrow
 * markers (defined in extras.css) for block-gap reset + mobile collapse.
 * Populated by the residential M1 conversion. Do not change any value.
 * ========================================================================== */

/* ---------- Overview (/overview/) ---------- */
.entry-content .fc-r-ov-photo-wrap { position:relative; height:480px; }
.entry-content .fc-r-ovhow-wrap { position:relative; max-width:1120px; margin:0 auto; }
.entry-content .fc-r-ovsteps { position:relative; gap:16px; } /* columns via fc-cols-5 */
.entry-content .fc-r-ovstep-wrap { text-align:center; }
.entry-content .fc-r-ovstep-d { margin-top:8px; font-size:13px; line-height:1.55; color:var(--wp--preset--color--muted); }
.entry-content .fc-r-reasongrid { gap:16px; } /* columns via fc-cols-2 */
.entry-content .fc-r-reason-item { gap:12px; align-items:flex-start; background:#fff; border:1px solid var(--wp--preset--color--border); border-radius:14px; padding:18px 20px; }
.entry-content .fc-r-reason-t { font-size:14.5px; font-weight:600; color:var(--wp--preset--color--navy); margin:0; }

/* ---------- Shared: gold inline link (Overview/SolarPanels/BatteryStorage/Packages/Finance body copy) ---------- */
.entry-content .fc-r-link-gold { color:var(--wp--preset--color--gold); font-weight:600; }

/* ---------- Solar Panels (/solar-panels/) ---------- */
.entry-content .fc-r-sp-photolead { margin-top:40px; }

/* ---------- Battery Storage (/battery-storage/) ---------- */
.entry-content .fc-r-bs-photolead { margin-top:44px; }
.entry-content .fc-r-bs-benefits-grid { grid-template-columns:1fr 1fr; gap:24px; }
.entry-content .fc-r-bs-benefit { gap:16px; align-items:flex-start; background:#fff; border:1px solid var(--wp--preset--color--border); border-radius:18px; padding:28px; }
.entry-content .fc-r-bs-benefit-h { font-size:18px; margin:0; }
.entry-content .fc-r-bs-benefit-p { font-size:14px; line-height:1.6; color:var(--wp--preset--color--muted); margin-top:8px; }

/* ---------- Solar & Battery Packages (/solar-battery-packages/) ---------- */
.entry-content .fc-r-pk-media { min-height:420px; }
.entry-content .fc-r-pk-grid { margin-top:44px; }

/* ---------- Solar Finance (/solar-finance/) ---------- */
.entry-content .fc-r-sf-box { margin-top:36px; background:#fff; border:1px solid var(--wp--preset--color--border); border-radius:20px; padding:36px; }
.entry-content .fc-r-sf-box-h { font-size:22px; margin:0 0 22px; }
.entry-content .fc-r-check-col { flex-direction:column; gap:16px; }
.entry-content .fc-r-check-text { font-size:15px; color:var(--wp--preset--color--navy); margin:0; }

/* ---------- Shared: 12px flex-row (Solar Finance "how it works" rows + Contact "what happens next" rows) ---------- */
.entry-content .fc-r-flexrow-12 { gap:12px; align-items:flex-start; }

/* ---------- How It Works (/how-it-works/) ---------- */
.entry-content .fc-r-hiw-wrap { position:relative; max-width:820px; margin:0 auto; }
.entry-content .fc-r-hiw-rows { position:relative; flex-direction:column; gap:52px; }
.entry-content .fc-r-hiw-step { grid-template-columns:48px 1fr; gap:28px; align-items:start; }
.entry-content .fc-r-hiw-step-body { padding-top:8px; }
.entry-content .fc-r-hiw-step-h { font-size:24px; margin:0; }
.entry-content .fc-r-hiw-step-p { margin-top:12px; font-size:16px; line-height:1.7; color:var(--wp--preset--color--muted); }

/* ---------- About (/about/) ---------- */
.entry-content .fc-r-ab-photo { height:440px; }

/* ---------- Reviews (/reviews/) ---------- */
.entry-content .fc-r-rv-card { background:#fff; border:1px solid var(--wp--preset--color--border); border-radius:24px; padding:40px; text-align:center; }
.entry-content .fc-r-rv-photo { width:200px; height:200px; margin:0 auto; border-radius:16px; overflow:hidden; }
.entry-content .fc-r-rv-caption-strong { font-size:15px; font-weight:700; color:var(--wp--preset--color--navy); margin:0; }
.entry-content .fc-r-rv-caption-sub { font-size:13.5px; color:#8494a8; margin-top:4px; }
.entry-content .fc-r-rv-video { position:relative; height:420px; border-radius:16px; overflow:hidden; }
.entry-content .fc-r-rv-name { font-size:15px; font-weight:700; color:var(--wp--preset--color--navy); margin-top:18px; }
.entry-content .fc-r-rv-more { max-width:900px; margin:0 auto; background:#fff; border:1px solid var(--wp--preset--color--border); border-radius:24px; padding:48px; text-align:center; }
.entry-content .fc-r-rv-more-h { font-size:26px; margin:0; }
.entry-content .fc-r-rv-more-p { margin-top:14px; font-size:16px; line-height:1.6; color:var(--wp--preset--color--muted); max-width:560px; margin-left:auto; margin-right:auto; }

/* ---------- Blog (/blog/) ---------- */
.entry-content .fc-r-bl-feat { background:var(--wp--preset--color--card); border:1px solid var(--wp--preset--color--border); border-radius:24px; overflow:hidden; }
.entry-content .fc-r-bl-feat-pad { padding:48px; }

/* ---------- Contact (/contact/) ---------- */
.entry-content .fc-r-ct-formintro { font-size:15.5px; line-height:1.6; color:var(--wp--preset--color--muted); margin-top:12px; }
.entry-content .fc-r-ct-info-h { font-size:28px; margin:0 0 26px; }
.entry-content .fc-r-ct-info-col { flex-direction:column; gap:24px; }
.entry-content .fc-r-ct-row { gap:16px; align-items:flex-start; }
.entry-content .fc-r-ct-label { font-size:16px; font-weight:700; color:var(--wp--preset--color--navy); margin:0; }
.entry-content .fc-r-ct-value { font-size:14.5px; color:var(--wp--preset--color--muted); line-height:1.55; margin-top:3px; }
.entry-content .fc-r-ct-linkval { font-size:14.5px; margin-top:3px; }
.entry-content .fc-r-ct-link { color:var(--wp--preset--color--gold); }
.entry-content .fc-r-ct-next { margin-top:32px; background:#fff; border:1px solid var(--wp--preset--color--border); border-radius:20px; padding:30px; }
.entry-content .fc-r-ct-next-h { font-size:19px; margin:0 0 18px; }
.entry-content .fc-r-ct-next-col { flex-direction:column; gap:14px; }
.entry-content .fc-r-ct-next-p { font-size:14.5px; line-height:1.5; color:var(--wp--preset--color--muted-2); margin:0; }

/* ---------- Mobile overrides ---------- */
@media (max-width: 700px) {
	/* Keep the How-It-Works timeline 2-column on mobile (circle | text) so the vertical
	   connecting line stays in the left gutter beside the circles instead of striking
	   through the text. The global `.fc-grid` mobile rule (extras.css) would otherwise
	   collapse it to 1 column, stacking full-width text under the circle while the
	   absolutely-positioned line (left:23px = the 48px circle's centre) stayed put. */
	.entry-content .fc-r-hiw-step { grid-template-columns: 48px 1fr !important; gap: 20px !important; }
}