/* ═══════════════════════════════════════════════════════════
   bb-glg.css  —  /google-ads-lead-generation/ ONLY
   Load order: globals > additional > pillar > cro > gam > mam > glg
   Inherits: bb-gam (waste-grid, diag-grid, dark-roi, report, foundation,
   vert-card, leak-tag, ai-line, white/light scaffold, server-dec-block,
   flex fix), bb-mam (attrib two-panel [S6 signature], trust-row, reassure,
   operator, usecase-link, flow-track--5), bb-cro (roi-grid, pricing-grid),
   bb-pillar (maturity-bar).
   NEW here only:
     1. bb-glg-feature     (S14 expanded Koala proof block)
     2. bb-glg-metric      (S14 franchise metric blocks)
     3. bb-glg-cred-strip  (S14 supporting aggregate strip)
     4. bb-glg-industry-grid (S11 6-card grid spacing)
═══════════════════════════════════════════════════════════ */


/* ── S11: 6-card industry grid (3 across) ─────────────────── */
.bb-glg-industry-grid {
  grid-template-columns: repeat(3, 1fr) !important;
}
@media (max-width: 900px) { .bb-glg-industry-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { .bb-glg-industry-grid { grid-template-columns: 1fr !important; } }


/* ── S14: EXPANDED KOALA FEATURE BLOCK ────────────────────── */
.bb-glg-feature {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,106,0,0.25);
  border-radius: 18px;
  padding: 36px 40px;
  margin: 32px 0 28px;
}
.bb-glg-feature-head { margin-bottom: 24px; }
.bb-glg-feature-pill {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,106,0,0.9);
  background: rgba(255,106,0,0.1);
  border: 1px solid rgba(255,106,0,0.25);
  border-radius: 999px;
  padding: 6px 14px;
  margin-bottom: 16px;
}
.bb-glg-feature-title {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  margin: 0 !important;
  letter-spacing: -0.01em;
}
.bb-glg-feature-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-bottom: 28px;
}
.bb-glg-feature-block-label {
  display: block;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,106,0,0.85);
  margin-bottom: 8px;
}
.bb-glg-feature-block p {
  font-size: 0.9rem !important;
  color: rgba(255,255,255,0.76) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}
.bb-glg-feature-block p strong { color: #ffffff !important; }

/* Franchise metric row */
.bb-glg-metric-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 26px;
}
.bb-glg-metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 16px;
  border-right: 1px solid rgba(255,255,255,0.08);
}
.bb-glg-metric:last-child { border-right: none; }
.bb-glg-metric-num {
  font-size: 2.1rem;
  font-weight: 800;
  color: #FF6A00;
  line-height: 1;
  letter-spacing: -0.02em;
}
.bb-glg-metric-lbl {
  font-size: 0.76rem;
  color: rgba(255,255,255,0.65);
  margin-top: 10px;
  line-height: 1.4;
}

/* Verbatim quote inside feature block */
.bb-glg-feature-quote {
  font-size: 1.02rem !important;
  font-style: italic;
  line-height: 1.6 !important;
  color: #ffffff !important;
  border-left: 3px solid #FF6A00 !important;
  padding: 4px 0 4px 20px !important;
  margin: 0 !important;
}
.bb-glg-feature-quote cite {
  display: block;
  margin-top: 10px;
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 600;
  color: rgba(255,106,0,0.9);
}

/* Supporting aggregate strip */
.bb-glg-cred-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 32px;
}
.bb-glg-cred-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px 14px;
  border-right: 1px solid rgba(255,255,255,0.07);
}
.bb-glg-cred-item:last-child { border-right: none; }
.bb-glg-cred-num {
  font-size: 1.5rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1;
}
.bb-glg-cred-lbl {
  font-size: 0.7rem;
  color: rgba(255,255,255,0.55);
  margin-top: 7px;
}

@media (max-width: 760px) {
  .bb-glg-feature { padding: 28px 22px; }
  .bb-glg-feature-title { font-size: 1.25rem !important; }
  .bb-glg-feature-body { grid-template-columns: 1fr; gap: 20px; }
  .bb-glg-metric-row { grid-template-columns: 1fr; }
  .bb-glg-metric { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
  .bb-glg-metric:last-child { border-bottom: none; }
  .bb-glg-cred-strip { grid-template-columns: repeat(2, 1fr); }
  .bb-glg-cred-item:nth-child(2) { border-right: none; }
  .bb-glg-cred-item:nth-child(1), .bb-glg-cred-item:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.07); }
}