/* 1586 — Format detail pages. Small tweaks on top of the shared rp-industry-builder.css (rp-cof*). */

/* Hero with no image: let the copy use the full width instead of a half-width column. */
.rp-format-hero--solo .rp-cof-hero__grid { grid-template-columns: 1fr; }
.rp-format-hero--solo .rp-cof-hero__copy { max-width: 820px; }

/* Key features: heading left, the two-column feature list centre, optional image on the right. */
.rp-format-feat .rp-cof-why__points ul { columns: 2; column-gap: 40px; }
@media (max-width: 720px) { .rp-format-feat .rp-cof-why__points ul { columns: 1; } }
/* With a feature image present, go 3-up (heading | 2-col list | image) so the columns sit more centrally. */
.rp-format-feat--media .rp-cof-why__grid { grid-template-columns: 0.75fr 1.5fr 1fr; gap: 40px; align-items: center; }
.rp-format-feat__media { align-self: center; }
.rp-format-feat__media img { width: 100%; height: auto; display: block; border-radius: 16px; box-shadow: 0 20px 44px rgba(28,26,25,.14); }
@media (max-width: 980px) { .rp-format-feat--media .rp-cof-why__grid { grid-template-columns: 1fr; } }

/* Comparison block: full-width container (table is responsive on its own). */
.rp-format-compare table { width: 100%; border-collapse: collapse; margin: 8px 0 0; }
.rp-format-compare th, .rp-format-compare td { border: 1px solid #e6e3de; padding: 12px 14px; text-align: left; font-size: 15px; vertical-align: top; }
.rp-format-compare thead th { background: #f7f7f5; font-weight: 700; }

/* Closing CTA on the red gradient: ghost (outline-light) secondary buttons. */
.rp-format-cta .rp-cof-cta__actions { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 22px; }
.rp-format-cta .rp-cof-btn--ghost { background: rgba(255,255,255,.12); border: 1.5px solid rgba(255,255,255,.55); color: #fff; }
.rp-format-cta .rp-cof-btn--ghost:hover, .rp-format-cta .rp-cof-btn--ghost:focus { background: #fff; color: var(--red); border-color: #fff; }

/* 1716 — on-page contact block (Calendly + Get-a-Quote tabs) on the custom-printing format detail pages.
   Same width tuning as /custom-flexible-packaging: widen the tabs so the Calendly widget renders its
   2-column (calendar + time slots) layout, and let the tab nav fill the content width. */
#contact-block .rp-cf-tabs { max-width: 1200px; }
#contact-block .rp-cf-tabs__nav { max-width: none; }