/**
 * POST-MASTER-01 product template render fixes v2.
 * Loaded after zbi-design-system.css
 */

/* Light-surface ghost CTAs — all authority heroes, not only product-page.php wrapper. */
.authority-hero .btn.ghost,
.authority-section .btn.ghost,
.zbi-product-template .authority-hero .btn.ghost,
.zbi-product-template .authority-section .btn.ghost,
.platform-journey-map .btn.ghost,
.section.center .card .btn.ghost,
.card.icon-card .btn.ghost {
  background: var(--green-3, #2f6d5b) !important;
  color: #fff !important;
  border-color: var(--green-3, #2f6d5b) !important;
  box-shadow: 0 8px 18px rgba(47, 109, 91, 0.18) !important;
}

.authority-hero .btn.ghost:hover,
.authority-section .btn.ghost:hover,
.zbi-product-template .authority-hero .btn.ghost:hover,
.platform-journey-map .btn.ghost:hover,
.section.center .card .btn.ghost:hover {
  background: var(--green, #214f42) !important;
  border-color: var(--green, #214f42) !important;
  color: #fff !important;
}

/* Secondary CTAs on light cards — enforce readable contrast. */
.authority-hero .btn.secondary,
.authority-section .btn.secondary,
.zbi-product-template .authority-hero .btn.secondary,
.platform-journey-map .btn.secondary,
.section.center .card .btn.secondary,
.card.icon-card .btn.secondary {
  background: #fff !important;
  color: var(--green, #214f42) !important;
  border-color: var(--border, #d7e0d9) !important;
  box-shadow: none !important;
}

.authority-hero .btn.secondary:hover,
.authority-section .btn.secondary:hover,
.zbi-product-template .authority-hero .btn.secondary:hover,
.platform-journey-map .btn.secondary:hover,
.section.center .card .btn.secondary:hover {
  background: var(--surface-2, #f3f7f2) !important;
}

/* Hero proof chips (feature row under lead). */
.authority-proof,
.zbi-product-template .authority-proof {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.65rem !important;
  align-items: flex-start !important;
}

.authority-proof span,
.zbi-product-template .authority-proof span {
  display: inline-flex !important;
  align-items: center !important;
  white-space: normal !important;
  word-break: normal !important;
  border: 1px solid rgba(203, 217, 208, 0.95);
  background: rgba(255, 255, 255, 0.84);
  border-radius: 999px;
  padding: 0.52rem 0.72rem;
  color: var(--green, #214f42);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.25;
  box-shadow: 0 8px 22px rgba(19, 32, 27, 0.05);
}

/* Dark panel workflow chips */
.product-flow-preview,
.zbi-product-template .product-flow-preview {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
  align-items: flex-start !important;
}

.product-flow-preview span,
.zbi-product-template .product-flow-preview span {
  display: inline-flex !important;
  align-items: center !important;
  white-space: normal !important;
  word-break: normal !important;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 0.55rem 0.7rem;
  font-weight: 800;
  font-size: 0.84rem;
  line-height: 1.25;
}

/* Hide empty CTA shells if any slip through markup. */
.actions a.btn:empty,
.actions button.btn:empty,
.actions a.btn:not([href]),
.actions a.btn[href=""],
.actions a.btn[href="#"] {
  display: none !important;
}

.platform-journey-map .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: center;
}

.platform-journey-map .card.icon-card .actions {
  margin-top: auto;
}

@media (max-width: 680px) {
  .authority-proof span,
  .product-flow-preview span {
    font-size: 0.78rem;
    padding: 0.45rem 0.6rem;
  }

  .authority-proof,
  .product-flow-preview {
    gap: 0.45rem !important;
  }
}