/* Tombol WhatsApp untuk katalog dan panduan. Landing thermal memakai thermal-conversion.css. */
.wa-button { display: inline-flex; align-items: center; gap: 12px; background: #087446; border: 2px solid #087446; border-radius: 6px; padding: 12px 20px 12px 14px; min-height: 64px; color: #fff; text-align: left; text-decoration: none; line-height: 1.3; }
.wa-button:hover { background: #065b37; border-color: #065b37; color: #fff; }
.wa-button:focus-visible { outline: 3px solid #202b46; outline-offset: 4px; }
.wa-button img { flex: 0 0 auto; width: 40px; height: 40px; object-fit: contain; }
.wa-button > span { display: flex; flex-direction: column; gap: 3px; }
.wa-button strong { font-size: 18px; font-weight: 650; }
.wa-button > span > span { font-size: 13px; font-weight: 400; }
.wa-button.wa-compact { min-height: 44px; padding: 6px 14px 6px 8px; gap: 8px; font-size: 15px; font-weight: 600; }
.wa-button.wa-compact img { width: 28px; height: 28px; }

/* Katalog */
.catalog-page .main-nav .wa-button { margin-left: 4px; }
.catalog-page .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.catalog-page .guide-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; margin-top: 24px; }
.catalog-page .guide-actions .button { margin: 0; }
.dialog-copy .wa-button { margin-top: 22px; }
.mobile-wa { display: none; }

/* Panduan */
.finder-page .header-row { gap: 20px; }
.finder-page .header-row .wa-button { margin-left: 16px; }
.finder-page .brief-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 8px; }
.finder-page .brief-actions .secondary-button { min-height: 48px; }
.finder-page .result-bottom .wa-button { margin-inline: auto; }

@media (max-width: 1100px) {
  .catalog-page .main-nav .wa-button { display: none; }
  .catalog-page .mobile-wa { display: inline-flex; margin-left: auto; }
}
@media (max-width: 780px) {
  .finder-page .header-row .wa-button span { display: none; }
  .finder-page .header-row .wa-button { padding-right: 8px; margin-left: auto; }
  .finder-page .back-catalog { display: none; }
}
@media (max-width: 560px) {
  .wa-button:not(.wa-compact) { width: 100%; justify-content: center; }
  .catalog-page .mobile-wa span { display: none; }
  .catalog-page .mobile-wa { padding-right: 8px; }
}