/*
 * Scoped overrides for the SAJE chat widget CTA button when mounted inside
 * Divi Theme Builder menu modules. Goals:
 *   - Fit next to the existing cart + search icons without crowding them
 *   - Match the dark nav background and theme accent
 *   - Keep the button compact so it doesn't push menu items off-row
 */

/* Treat .et_pb_menu__wrap as the CTA's row: pull the button inline at the end */
.et_pb_menu__wrap > .saje-cta-btn {
  order: 10;                  /* push after nav, cart, search */
  margin-left: 12px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 4px;
  white-space: nowrap;
  align-self: center;
}

/* Shrink the icon so the button isn't tall */
.et_pb_menu__wrap > .saje-cta-btn .saje-cta-icon {
  width: 14px;
  height: 14px;
}

/* Keep "NEW" pill visible but smaller — matches the tight menu typography */
.et_pb_menu__wrap > .saje-cta-btn .saje-cta-badge {
  font-size: 9px;
  padding: 1px 5px;
  margin-left: 6px;
  letter-spacing: 0.5px;
}

/* Chevron icon trimmed */
.et_pb_menu__wrap > .saje-cta-btn svg:last-of-type {
  width: 12px;
  height: 12px;
}