/*
Theme Name: Blocksy Child — CSG
Template: blocksy
Version: 1.0.0
*/

/* CSG block patterns (Task 5) — section title + services grid, verbatim per spec */
.csg-section-title { color:#222325; font-size:24px; font-weight:700; letter-spacing:1.1px;
  padding-bottom:10px; border-bottom:5px solid var(--wp--preset--color--csg-navy); }
.csg-grid-six { flex-wrap: wrap; gap: 1.5em; }
.csg-grid-six .wp-block-column { flex-basis: calc(16.66% - 1.5em); min-width: 120px; }
@media (max-width: 950px) { .csg-grid-six .wp-block-column { flex-basis: calc(33% - 1.5em); } }
@media (max-width: 600px) { .csg-grid-six .wp-block-column { flex-basis: 100%; } }
.csg-service-icon img { max-height: 100px; max-width: 120px; margin: 0 auto; display: block; }
.csg-service-label a { color:#222325; font-size:16px; font-weight:600; text-decoration:none; }

/* CSG block patterns — supplementary support CSS for the remaining 7 patterns */
/* Core Columns block forces flex-wrap:nowrap + flex-basis:0/flex-grow:1 on
   .wp-block-column at desktop widths (>=782px) with higher specificity than a
   single class selector, which collapsed this 6-item grid onto one row of
   uneven widths instead of wrapping 3-per-row like the source's CSS grid.
   Raise specificity and use !important to win over that core rule. */
.wp-block-columns.csg-grid-three { flex-wrap: wrap !important; gap: 1.5em; }
.wp-block-columns.csg-grid-three > .wp-block-column { flex-basis: calc(33.33% - 1.5em) !important; flex-grow: 0 !important; }
@media (max-width: 950px) { .wp-block-columns.csg-grid-three > .wp-block-column { flex-basis: calc(50% - 1.5em) !important; } }
@media (max-width: 600px) { .wp-block-columns.csg-grid-three > .wp-block-column { flex-basis: 100% !important; } }
.csg-industry-card .wp-block-cover__inner-container { padding: 1em; }
.csg-interior-header { padding: 2.5em 0; text-align: center; }
.csg-interior-header-title { font-size: 32px; font-weight: 400; margin: 0; }
.csg-cta-band { padding: 3em 0; text-align: center; }
.csg-cta-band-title { font-size: 26px; margin: 0 0 1em; }
.csg-faq-accordion .wp-block-details { margin-bottom: 0.75em; }
.csg-logo-wall img { max-height: 80px; width: auto; margin: 0 auto; object-fit: contain; }
.csg-contact-layout { gap: 3em; }
.csg-two-col-image img { width: 100%; height: auto; display: block; }